VBuild

VBuild is an Open Source Visual UI Builder for React and Tailwind CSS. Design your UI visually and copy the generated code directly into your app.

Use it here

Features

Visual UI design interface
Tailwind first components
Shadcn/ui components
Real-time code preview
Easy copy-and-paste your code to your project

Quick Start

To install and run vbuild, run the following command:

git clone https://github.com/alwurts/vbuild.git
cd vbuild
npm install
npm run dev

Open your browser and navigate to http://localhost:3000 (or the port specified in the console). Use the visual interface to design your UI components. Copy the generated code to use in your project.

Technologies Used

Next.js
Typescript
Tailwind CSS
Shadcn/ui

Contributing

We welcome contributions to vbuild! Please reach out to me on X @Alwurts

License

See LICENSE file for details.

Support

If you encounter any issues or have questions, please file an issue.