# Suggestion: a React or Vue component drag and drop tool **URL:** \ **Category:** Feature Request\ **Created:** [February 8, 2022, 6:48am UTC](https://forum.pinegrow.com/t/suggestion-a-react-or-vue-component-drag-and-drop-tool/6221 "2022-02-08T06:48:44Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![JoseFR](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/josefr/32/296_2.png) [@JoseFR](https://forum.pinegrow.com/u/JoseFR)\ **Post date:** [February 8, 2022, 6:48am UTC](https://forum.pinegrow.com/t/suggestion-a-react-or-vue-component-drag-and-drop-tool/6221/1 "2022-02-08T06:48:44Z")
Hello Everyone, Hello Pinegrow Team, I propose this idea because your software skeleton can do it. _And personally I don’t think that continuing to do wordpress in PHP is the future (it’s a personal opinion and I understand very well people who have the arguments to say the opposite)_ My suggestion: create a solution of : drag and drop components ReactJS or vue.js?!? Let me explain: there was the Figma revolution, the Tailwind css utilities, no-code, … But now, we are moving towards a world of components (the no code) ! Let me explain: the developer has implemented a component (from the design system), then the UX designer will build the page with the suite of drag and drop components; so there will be less need for custom html integration in the future; the component then becomes crucial: it has many advantages: dynamic, structured, modifiable by its parameters, final rendering, possibility of exporting functional final code, … And integrate components on git, or Storybook… > **[Example Storybooks](https://storybook.js.org/docs/react/get-started/examples/)** > > Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular And the concept of Design System is completely neglected on Pinegrow Here are some examples: Retool > **[Build internal tools, remarkably fast.](https://retool.com)** > > Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. Connects with Postgres, REST APIs, GraphQL, Firebase, Google Sheets, and more. Built by... Merge by UXPin > **[Design with Code: UXPin Merge Tutorial](https://www.uxpin.com/studio/blog/design-with-code-tutorial/)** > > It's easy to integrate a React-based library into Merge to design with code on a day-to-day basis. All without designers learning how to code! > **[Storybook integration | Merge](https://www.uxpin.com/docs/merge/storybook-integration/#how-to-integrate)** > > UXPin's merge Docs, storybook integration for new and advanced users > **[What is UXPin Merge? | Merge](https://www.uxpin.com/docs/merge/what-is-uxpin-merge/#examples-of-components)** > > UXPin's merge Docs, what is uxpin merge? for new and advanced users Thank you I wish you all a pleasant day ---
**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\ **Post date:** [February 8, 2022, 9:58am UTC](https://forum.pinegrow.com/t/suggestion-a-react-or-vue-component-drag-and-drop-tool/6221/2 "2022-02-08T09:58:36Z")
Thanks for your interest @JoseFR Vue component drag & drop… we are working on it… stay tuned for this - [VueJS support for pinegrow - #17 by Akayy](https://forum.pinegrow.com/t/vuejs-support-for-pinegrow/2028/17) ---
**Author:** ![psygn](https://avatars.discourse-cdn.com/v4/letter/p/dc4da7/32.png) [@psygn](https://forum.pinegrow.com/u/psygn)\ **Post date:** [May 28, 2023, 8:21pm UTC](https://forum.pinegrow.com/t/suggestion-a-react-or-vue-component-drag-and-drop-tool/6221/3 "2023-05-28T20:21:05Z")
+1. We use Stencil to output our design system components to React, Angular, Vue, and Web Components. How cool would it be to be able to import those components into the editor? That would be the ideal flow for users who already have a design constraints set in place. Then Figma would be more for ideating or agencies needing to create new things constantly, but everyone else would just drag and drop their components in and skip having to translate from Figma or anything else to html. That’s actually why I tried Pinegrow several years ago, but it was just too much work to convert our html/css and states by hand. To have importing and components syncing to Pinegrow would be a gamechanger.