Redirecting to PayPal

Create Tailwind templates in minutes

A visual editor for Tailwind CSS with a simple, intuitive drag & drop interface and hundreds of UI components.

Based on proven technology

We combined four visual editors into . That is why you can use Tailwind CSS, Bootstrap, Bulma, and Material‑UI with it!

Learn more about supported CSS frameworks on our homepage.

Tailwind Builder - Tailwind CSS editor for busy developers | Product Hunt Tailwind Builder - Tailwind CSS editor for busy developers | Product Hunt

Don't miss the next deadline

Speed up your development process in a few simple steps.

  • 1

    Select your favorite Tailwind template

    You can choose from different templates to modify the basics and create something unique!

  • 2

    Choose UI Components

  • 3

    Customize Tailwind CSS style

  • 4

    Download source code

900+ UI Components for Tailwind CSS

Designed for busy developers

We are developers too! Our CEO built the first version of the editor two years ago with his bare hands! (proof on Hacker News )

Try Demo

or keep scrolling to learn more!

Easy to use

We know how valuable developers' time is. This is why we worked hard to develop a tool that would be easy to use. You don't need any training to use Shuffle for Tailwind CSS.

Components library

Build templates from the library of Tailwind CSS UI components grouped into most frequently used categories, including navigations, headers, and more. Choose the right ingredients and focus on the details.

Online compilation

Shuffle for Tailwind CSS provides a lot of configuration options. Our customizer panel displays these options in thematically connected categories. It will allow you to use them effectively!

Convenient pickers

All settings include an interface for a quicker implementation of values (color picker, Google Fonts autosuggest, shadow builder, etc.).

The easiest way to create beautiful templates


The selected plan includes lifetime access to the editor for Tailwind CSS, Bulma, Bootstrap, and Material-UI.

Create an account

Buy a Lifetime License

Beautiful UI libraries

Switch between UI libraries and create unique projects every time. You have 2,500+ UI components at your disposal.

Flexible solution

Work in your favorite technologies: Tailwind CSS, Bootstrap, Bulma, or Material‑UI (React).

Constant update

We add new UI libraries every month.

No limits

Create and export unlimited projects for yourself or your clients.

Plugin support

Work the way you are comfortable. After exporting, improve your work in any IDE. Registered users can use our Visual Studio Code extension!

© 2021 Shuffle. All rights reserved.