Text

Code Explorer

Just hover over any of the Bootstrap components, and click the <> to view or copy the HTML markup for that element.

Select a palette, change the primary, secondary, success, danger, info, and warning colors. Choose from various Google Fonts, and modify most of the Bootstrap SASS variables. Click to generate your completely custom Bootstrap theme.

The whole idea is to make the Bootstrap customization process easier, and allow you to visualize changes along the way. For most users it's designed to be point-and-click, while advanced users can delve into the SASS as desired. It's a 4-step process.

3. Put some more content in your pane here.

Get Themestr.app

Theme Builder for Bootstrap

Rapidy build custom themes for Bootstrap, the world's most popular front-end component library for mobile-first, responsive Web apps. Themestr.app is a customizer and theme creator for Bootstrap. Choose from a huge collection of color palettes, fonts and SASS variables. Prototype different styles, and easily generate CSS from SASS to give your projects a unique look-and-feel.

Card Outline

Themestr.app makes it easy to customize this, and other free Bootstrap 4 themes for your downloading pleasure.

Button <>

Dis List Group Custom Colors Google Fonts Ionicons <>

Scrollspy

The top NavBar utilizes Bootstrap's Scrollspy component. You'll notice when you scroll the page the "active" nav section is highlighted.

Muli

Heading 6

Heading 5

Heading 4

Heading 3

Heading 2

Heading 1

Lead

Paragraph

badge<>

Display 4

Display 3

Display 2

Display 1

First

Last

Address

Username

Username is required.

Check me out

The rows & columns of the world famous Bootstrap grid speak for themselves.

6<>

7<>

8<>

9<>

10<>

11<>

Location	Date	Visits
Westfield	08.05.18 badge<>	2323
Galway	08.05.18 badge-pill<>	5362
Bern	08.05.18	153

Right tooltip (hover)
Bottom tooltip (hover)

Well done! You successfully read this important alert message. <>

Lymcha