Superhero
Bright and energetic, this marvelous Bootstrap theme has superpowers to get any business back on track.
All 18 classic Bootswatch themes, ready to open in the free visual editor: restyle any variable with a live preview and export clean Sass or CSS.
Bootswatch is a beloved open-source collection of free Bootstrap themes by Thomas Park. Each theme restyles Bootstrap by swapping its Sass variables, so the components, the grid and the JavaScript keep working exactly as the docs describe, just dressed differently. The themes are MIT-licensed and free for commercial use.
What Bootswatch does not include is an editor. To tweak a theme, the official route is to download its _variables.scss, set up a Sass build, edit values by hand and recompile until it looks right. That is exactly the gap this site closes.
bootstrap.build opens any of the 18 classic Bootswatch themes below with all of its variables loaded. Click an element in the live preview, change colors, fonts, spacing or corner radius, and export the result as a clean _variables.scss or compiled CSS. No Sass setup, no account. bootstrap.build is an independent project and is not affiliated with Bootswatch; the underlying themes remain MIT-licensed Bootswatch work.
Bright and energetic, this marvelous Bootstrap theme has superpowers to get any business back on track.
Classic principles of good design with bold graphics and expressive coloring underlie this beautiful theme.
Soft muted colors and smooth edges are what distinguish Journal from the others.
Bright as the Sun, this olive green theme brings a positive mood to every project with ease.
Black never gets old, especially for business. Its dark nature produces a powerful effect.
A gorgeous blue tone that naturally strengthens the businesslike atmosphere.
The same blue but with bright accents on the call-to-actions, establishing clear focal points.
Cool-toned coloring with traditional gradient buttons instills a sense of seriousness in seconds.
The intense color of orange coupled with fancy pale tones gives you room for experiments.
Lumen gets its beauty from dusk blue and subtle 3D styles applied to buttons and controls.
With classic coloring and basic styles, Simplex keeps a simplistic feel, only for the best.
Blue is the primary color here, with saucy tones like pink and lilac to place accents.
Reimagined with flat style and refreshing tones for buttons, navbars and labels.
Soft rounded shapes that are ideal for the small screens of phones and tablets.
The sleek hand-drawn appeal makes Sketchy feel rustic but still eye-catching.
Never-dying gradient styles make Spacelab’s components feel pushy and alluring.
Choose any Bootswatch theme below. It opens in the visual editor with the full theme loaded against a live Bootstrap UI kit.
Change the primary color, swap the font, adjust spacing and radius. Every edit previews instantly, and you can work visually or edit any of the 1,000+ variables by name.
Download your customized theme as _variables.scss for a Sass pipeline, or as compiled bootstrap.css ready to link in any project.
Yes. Open the theme in the bootstrap.build editor, change variables visually with a live preview, and export the finished CSS. No Sass toolchain is needed; if you do use Sass, you can export the variable overrides instead.
Open the theme in the editor and edit $primary and the other theme colors. Every component that uses them updates in the live preview, and the export contains your recolored theme.
Yes. Bootswatch themes are MIT-licensed, which allows personal and commercial use. Themes you customize and export here stay under that license, with the bootstrap.build attribution condition described in the License.
Yes. Bootswatch tracks Bootstrap releases, and the themes here are loaded against Bootstrap 5.3 in the editor, including its dark color-mode variables.
Want the full picture first? Read the complete customization guide or see how the export works.