Redirecting to PayPal

Create
templates in minutes

An online editor for busy developers.

Based on proven technology

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

To browse all supported UI libraries, please visit our marketplace.

Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt

Designed for busy developers

Speed up your development process in a few simple steps.

Select your favorite front-end technology

Shuffle works with the most popular front-end technologies.

  • Bootstrap 4 and 5 & Material Design for Bootstrap

  • Tailwind CSS 2.0

  • Bulma CSS v0.9

  • Material-UI v4.11

Try Demo

Choose UI Components

We created 2,000+ UI components and grouped them into categories like navigations, headers, and more. It gives you a free hand to build templates, just like you want to!

Try Demo

Customize framework styles

If you want to control the details, don’t worry! We provided a lot of configuration options to help customize your templates.

Try Demo

Download source code

When you select the appropriate components and settings, you can download source files to start integrating them with the back-end.

Try Demo

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.

Components library

Build templates from a library of UI components grouped into the most frequently used categories. Choose the right components and focus on the details.

Online compilation

Shuffle provides a lot of configuration options. We display these options in thematically related categories so you can use them effectively.

Convenient pickers

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

2,000+ of ready-made UI Components

Live edit

When changing framework settings, the Shuffle config is compiled in real-time, and you can follow the changes live.

Shareable preview

You can share the prepared project with other team members to review or use a link to check the project on mobile devices.

Exportable sources

Shuffle is a tool for developers. Our goal is to speed up your work. You can download source files to start combining front-end with back-end.

No external dependencies

We do not use any external dependencies apart from those used by the most popular CSS frameworks.

Shuffle Product Roadmap

March 2021

Shuffle Marketplace

Boost your projects with UI libraries! Choose from over 2,000 pre-built UI components designed by professionals and create HTML templates effortlessly.

Visit our Marketplace and browse UI libraries →
April 2021

Dashboard Component Library by Shuffle

Everyone knows how important it is in business to control metrics and respond to changes. That’s why Artemis is designed to present key content easily!

The second UI library for April is modern and bold. We have prepared Bendis Library to bring your site to life and add a little fire to your projects. It will catch the eye of every visitor. Sharp shapes and brave colors highlight the bold design.

May 2021

First UI Library for May announced!

We plan to publish 2-4 UI libraries per month. Zospace will be our first UI Library published in May.

Q2 2021

WordPress, Vue, Angular...

Support for WordPress, Vue, Angular is coming to Shuffle!

After opening the marketplace, we will release tools and instructions on creating export plugins for additional technologies.

The Shuffle team is adding support for specific technologies based on their popularity. If you have any technology in mind, send us a tip at [email protected].

Get started with Shuffle today

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,000+ UI components at your disposal.

Flexible solution

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

Constant update

In May alone, we will add two new UI libraries to your account.

No limits

Create and export unlimited projects for yourself or your clients.

Plugin support

Registered users can use the Visual Studio Code extension to use UI components from within the editor.

© 2021 Shuffle. All rights reserved.