A visual editor that generates production-ready code automatically. Fully loaded with tailwindcss to make UI development fun and fast.
* No credit card required
(The video below is a screen recording of the actual product)
You can either use the components provided by us or import components from tailwindui and other UI Kits.
Elegant drag & drop interface to build pages for your next project. Creating webpages is simply effortless.
Export production ready code with a single click. You can choose from React, Vue, Angular, Svelte, etc.
Design visually, we'll write the code for you. You won't believe how easy it is to build websites with UiBun.
15+
Ready-to-use
UI blocks
30+
More components
coming soon
Add ability to create and manage multiple projects on UiBun
Automatically generate preview images for every project
Allow users to invite team members to collaborate on projects
Ability to manage account & UiBun membership
Users should be able to view & consume popular ui-kits directly from UiBun
Ability to share a project preview url with others
Show realtime changes when two or more people are working on the same project
Provide ability to export a react project
Provide ability to export a react project
Provide ability to export a react project
Users should be able to display dynamic data via api
Provide newsletter embeds from popular email providers
User should be able to upgrade to a higher plan from the dashboard
Provide full-page template examples for users
Provide option to select one or more ui-kits for their projects
Allow users to edit, rename, group, & delete saved components
Allow users to sync components to their UiBun account via cloud apis
Provide tailwindui, landingfolio and other ui kit integrations
Allow users to create and manage multiple pages
Add tailwindcss intellisense to code editor & classnames input
Add ability to view and export code
Ability to view component layers on left sidebar
Allow users to preview the webpage in new tab
Add ability to customize html attributes for elements
Add ability to preview entire pages
Save page state in local storage and autoload on page load
Save components in local storage and autoload on page load
User should be able to undo/redo actions
User should be able to view the iframe without bounding boxes
User should be able to serach components by name
Add dark theme to the app
User should be able to edit tailwindcss classes for the selection in the canvas
User should be able to edit styles via tailwindcss classes for now. In the future support custom styles
User should be able to customize components via double click
The editor design should be elegant and intuitive
User should be able to export code as html, tailwindcss, or react component
User should be able to pase html, tailwindcss and save it as a component
Add ability to save components to local storage
Build landing page for UiBun
Add devices such mobile, tablet, desktop
Create drag & droppable iframe/canvas for users to build their pages
We think you'll love it.
If you're anything like us, you'll love to save time and get more stuff done too.
15+
Ready-to-use
UI blocks
30+
More components
coming soon
You can try the UiBun editor on editor.uibun.dev. Sign up to create multiple projects and experience all features.
Alpha release was made live to the early-access users in November, 2023.
The stable release for UiBun is live on editor.uibun.dev
Ability to sync & share components via cloud functionalities with subscription pricing.
Buy & sell tailwindcss UI kits & component libraries on UiBun.
Ability to invite your team and work together on projects.
AI powered UI generation & code export for components.
With lots of unique blocks & interactive editor, you can easily build web pages without writing code
Does this come with UI kit/templates?
Yes. It comes with Bun UI Kit - which is a dark theme kit built by us. We will be adding more templates too.
Will I get future updates?
Yes. The purchase includes lifetime updates and access to UiBun. We will be adding more features and templates in the future - which you shall be getting without additional fees.
What is your refund policy?
We are still very early but we still process refunds if you wish. Just contact us within 14 days of purchase and we will refund you. No questions asked.
How to contact UiBun?
You can either send an email to support@uibun.dev or DM me @prasannamestha on X (twitter).
We use UiBun everyday and cannot wait for you to try it too.
Grab the lifetime access before it's gone forever.
15+
Ready-to-use
UI blocks
30+
More components
coming soon