Launch products
incredibly fast ⚡️

A visual editor that generates production-ready code automatically. Fully loaded with tailwindcss to make UI development fun and fast.

* No credit card required

UI Bun product image

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

(The video below is a screen recording of the actual product)

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

15+

Ready-to-use
UI blocks

30+

More components
coming soon

We have cool features planned

Backlog15
Engineering

Create multiple projects

Add ability to create and manage multiple projects on UiBun

Design

Preview image generation

Automatically generate preview images for every project

Design

Enable team collaboration

Allow users to invite team members to collaborate on projects

Engineering

Manage membership

Ability to manage account & UiBun membership

Engineering

Support popular ui-kits

Users should be able to view & consume popular ui-kits directly from UiBun

Design

Shareable preview links

Ability to share a project preview url with others

Design

Realtime code editing

Show realtime changes when two or more people are working on the same project

Engineering

Export code to react

Provide ability to export a react project

Engineering

Export code to Vue

Provide ability to export a react project

Engineering

Export code to Nextjs

Provide ability to export a react project

Engineering

API integration

Users should be able to display dynamic data via api

Engineering

Embeddable newsletter widgets

Provide newsletter embeds from popular email providers

Engineering

Plan management

User should be able to upgrade to a higher plan from the dashboard

Design

Full page templates

Provide full-page template examples for users

Design

Create more Ui Kits

Provide option to select one or more ui-kits for their projects

In-progress2
Engineering

Enable editing components

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

Engineering

Save components to cloud

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

In Review1
Design

Integration with UI kits

Provide tailwindui, landingfolio and other ui kit integrations

Completed23
Design

Support multiple pages

Allow users to create and manage multiple pages

Engineering

Tailwindcss intellisense

Add tailwindcss intellisense to code editor & classnames input

Engineering

One-click export/deploy

Add ability to view and export code

Engineering

Layers panel on left sidebar

Ability to view component layers on left sidebar

Engineering

Enable preview in new tab

Allow users to preview the webpage in new tab

Engineering

Display html attributes for elements

Add ability to customize html attributes for elements

Engineering

Full page previews

Add ability to preview entire pages

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

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.

15+

Ready-to-use
UI blocks

30+

More components
coming soon

Roadmap

You can try the UiBun editor on editor.uibun.dev. Sign up to create multiple projects and experience all features.

Frequently Asked Questions

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

Sold?

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