Vue Play
p/vue-playground
Visual drag and drop builder for vue components and apps
Steffan Halvorsen Ekholt
Vue Play β€” Visual drag and drop builder for vue components and apps
Featured
6
β€’
Build and design Vue components and apps with drag-and-drop elements, transform tools, sliders, routing, and color picker in a visual designer. Auto-deploy to GitHub pages or export the static build for self-hosting with Netlify, Heroku, etc...
Replies
Steffan Halvorsen Ekholt
Happy to finally announce the first release of our Visual Vue Designer πŸ™ŒπŸΌ Hope you like it! 😊
Daniel
does it use Vue.js ? is it like bootstrap studio?
Steffan Halvorsen Ekholt
@daniel112 Yes, it uses Vue.js. The difference from Bootstrap Studio is that it does not use any CSS framework by default, but instead uses native CSS styling. So you are not bound to any CSS framework. It generates a standard Vue.js with Vite project and you can drop any HTML element into the playground if you have the Premium version, and a subset if you have the Free version. You also have access to almost any native CSS styles, which can be updated without writing any code, though this is also limited in the Free version.
Awais Al Waissy
πŸ’Ž Pixel perfection
Can you make it more attractive like Builder io? Make it open source. Add tailwind support.
Steffan Halvorsen Ekholt
@amicoder Will definitely work on making it more attractive like builder.io etc. As Vue Playground is using a boilerplate nearly identical to the starter project created with Vue.js CLI, it does already support Tailwind integration. But I think we need to add a template for it as the setup needs advanced knowledge. Thanks for your feedback, we will see what we can do 😊
Martin Zeltin
πŸ’‘ Bright idea
Tailwind CSS please!