
Launch products
incredibly fast ⚡️
A visual editor that generates production-ready code automatically. Fully loaded with tailwindcss to make UI development fun and fast.
Save 33% on pre-orders. Limited to the first 30 (29 remaining)

Build production-ready webpages with the ease of drag & drop

1. Import Your Components
You can either use the components provided by us or import components from tailwindui and other UI Kits.
2. Drag & drop
Elegant drag & drop interface to build pages for your next project. Creating webpages is simply effortless.
3. Export code
Export production ready code with a single click. You can choose from React, Vue, Angular, Svelte, etc.
Spend time on what matters.
Design visually, we'll write the code for you. You won't believe how easy it is to build websites with UiBun.
- Responsive UI Blocks
- Import UI Kits
- Export code
Save 33% on pre-orders. Limited to the first 30 (29 remaining)
UiBun Roadmap
Integration with UI kits
Provide tailwindui, landingfolio and other ui kit integrations
One-click export/deploy
Add ability to export code to github, vercel, etc
Enable team collaboration
Allow users to invite team members to collaborate on projects
Enable editing components
Allow users to edit, rename, group, & delete saved components
Support multiple pages
Allow users to create and manage multiple pages
Full page previews
Add ability to preview entire pages
Show component preview on hover
Show component preview on hover in components list
Display html attributes for elements
Add ability to customize html attributes for elements
Add tailwindcss intellisense
Add tailwindcss intellisense to code editor & classnames input
Save components to cloud
Allow users to sync components to their UiBun account via cloud apis
Persist page state
Save page state in local storage and autoload on page load
Persist imported code/components
Save components in local storage and autoload on page load
Enable undo/redo
User should be able to undo/redo actions
Provide iframe previews
User should be able to view the iframe without bounding boxes
Add ability to search/filter components
User should be able to serach components by name
Add dark theme
Add dark theme to the app
Enable editing tailwindcss classes
User should be able to edit tailwindcss classes for the selection in the canvas
Disable editing styles except via tailwindcss classes
User should be able to edit styles via tailwindcss classes for now. In the future support custom styles
Add ability to edit text
User should be able to customize components via double click
Improve canvas design
The editor design should be elegant and intuitive
Add ability to export code
User should be able to export code as html, tailwindcss, or react component
Add ability to import code/components
User should be able to pase html, tailwindcss and save it as a component
Add ability to save components
Add ability to save components to local storage
Build landing page
Build landing page for UiBun
Add support for various device widths
Add devices such mobile, tablet, desktop
Create drag & droppable iframe/canvas
Create drag & droppable iframe/canvas for users to build their pages
Looks good?
We think you'll love it.
If you're anything like us, you'll love to save time and get more stuff done too.
Save 33% on pre-orders. Limited to the first 30 only! (29 remaining)