Logo

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)

UI Bun product image

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

Backlog7
Engineering

Integration with UI kits

Provide tailwindui, landingfolio and other ui kit integrations

Engineering

One-click export/deploy

Add ability to export code to github, vercel, etc

Design

Enable team collaboration

Allow users to invite team members to collaborate on projects

Engineering

Enable editing components

Allow users to edit, rename, group, & delete saved components

Design

Support multiple pages

Allow users to create and manage multiple pages

Engineering

Full page previews

Add ability to preview entire pages

Design

Show component preview on hover

Show component preview on hover in components list

In-progress3
Engineering

Display html attributes for elements

Add ability to customize html attributes for elements

Engineering

Add tailwindcss intellisense

Add tailwindcss intellisense to code editor & classnames input

Engineering

Save components to cloud

Allow users to sync components to their UiBun account via cloud apis

In Review2
Engineering

Persist page state

Save page state in local storage and autoload on page load

Engineering

Persist imported code/components

Save components in local storage and autoload on page load

Completed14
Engineering

Enable undo/redo

User should be able to undo/redo actions

Engineering

Provide iframe previews

User should be able to view the iframe without bounding boxes

Engineering

Add ability to search/filter components

User should be able to serach components by name

Design

Add dark theme

Add dark theme to the app

Engineering

Enable editing tailwindcss classes

User should be able to edit tailwindcss classes for the selection in the canvas

Engineering

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

Engineering

Add ability to edit text

User should be able to customize components via double click

Design

Improve canvas design

The editor design should be elegant and intuitive

Engineering

Add ability to export code

User should be able to export code as html, tailwindcss, or react component

Engineering

Add ability to import code/components

User should be able to pase html, tailwindcss and save it as a component

Engineering

Add ability to save components

Add ability to save components to local storage

Design

Build landing page

Build landing page for UiBun

Engineering

Add support for various device widths

Add devices such mobile, tablet, desktop

Engineering

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)