Redirecting to PayPal

Hot icon Product of the Day on Product Hunt (1,000+ upvotes)
  Hot icon Featured on Hacker News (235 upvotes)

Create Bootstrap templates in minutes

Save time with the online editor for Bootstrap that has a simple, intuitive drag & drop interface and hundreds of ready-made UI components.

Try Demo Sign up

No registration required.

"These editors make Bootstrap theme
development pretty fast."

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

"The most popular Bootstrap builder.
1,000+ supporters!"

"I wish I knew about it when
I started my last project."

"You can invest in it without
any hesitations."

Speed up your development process in three easy steps

Drag & drop. Customize. Improve in your favorite IDE.


Choose the right UI components

Use ready-made Bootstrap UI components from the multipurpose library grouped into 20 most frequently used categories.:

Bootstrap styles panel

Customize Bootstrap styles

We have more than 500 Bootstrap variables in thematically connected categories to allow you to work effectively.


Download source code

Bootstrap Shuffle provides sources for the tools developers know and love. When you select the appropriate components and Bootstrap settings, you can download source files in order to start combining front-end with back‑end.

Bootstrap logo


Bootstrap logo

Bootstrap Material

Sass Logo


Pug logo



* In addition, you can use the beta version of the ShuffleKit v0.6.0 theme:
Read docs or try in the demo.

Video: Create a new Bootstrap template in 6 minutes.

Watch Bootstrap Shuffle in action.

Bootstrap builder for busy developers

Easy to use

We know how valuable developers' time is. That is why we worked hard on the development of a tool that would be easy to use and which you could make use of without the need for any training.

Components library

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

Online Sass compilation

Bootstrap 4.5.0 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 types of settings include an interface for a quicker implementation of values (color picker, Google Fonts autosuggest, shadow builder, etc.). All for your convenience!

Live edit

When changing the settings in the customizer panel, the CSS code 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

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

Pure Bootstrap

We do not use any external dependencies apart from those used by Bootstrap 4.5.0.

#1 Premium Bundle

Too often developers don't have time to implement their designs perfectly.

That's why we have built an editor that will help you move faster from building a layout to the refining stage so that you can have time to work on the details.

Black Weeks & Cyber Monday That's our best offer  🙌 

Unlock all customization features and hundreds of UI components to build beautiful Bootstrap templates

Team version allows you to create up to five accounts.

The selected plan includes lifetimemonthly access to Tailwind Builder, Bulma Builder, and Material-UI Builder.

A lifetime license is best for those who create several projects per year.

A monthly subscription is best for those who are currently planning only one project.

Buy a Subscription

Buy a Lifetime License

Three themes and hundreds of ready-made UI components.
Works with Bootstrap 4.5.0 and Material Design for Bootstrap 4.1.1.
Free updates with new UI kits and styles.
Save unlimited projects for later.
Access to Tailwind Builder, Bulma Builder, and Material-UI Builder without additional costs (worth $297$45 / mo).
Shuffle extension for Visual Studio Code with all UI components.

What's new in the Bootstrap Builders world?

Product Roadmap 2020


✅   Launch of the Material-UI Builder . The first React JS editor created by the team. It's a free update for all Bootstrap Shuffle users with two themes to start with!


✅   Release of the Metis Shuffle, our second custom-made UI component library for Tailwind Builder .

✅   Visual Studio Code extension that allows you to use all our components from within the editor. Please sign in and follow the instruction in the "Account -> VSC Extension" menu to install it.


• Bootstrap 5-alpha support.

• Port of the Metis Shuffle for Bootstrap 5.

• Port of the Metis Shuffle for Bulma CSS (Bulma Builder ).

Our next big step is merging all our editors into one product: We will do it on December 11th.

We believe that we can deliver more value by developing one powerful visual editor.

You can use our editors as usual before the date. We will migrate all accounts and projects! positioning
Our goals:
  • Faster development of new features (including Vue and Angular export).
  • One place for documentation, tutorials, and videos.
  • Strong community around the brand so that we can collect and process feedback faster.

Q1 2021

Visual Editor v2.

A marketplace for creators to share their templates and design systems.

Figma-style team work.