Vue Play - Visual drag and drop builder for vue components and apps

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...

Add a comment

Replies

Best
Happy to finally announce the first release of our Visual Vue Designer 🙌🏼 Hope you like it! 😊
💎 Pixel perfection
Can you make it more attractive like Builder io? Make it open source. Add tailwind support.
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 😊
💡 Bright idea
Tailwind CSS please!
does it use Vue.js ? is it like bootstrap studio?
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.