Logo
Logo Primary
Logo Inverse
Logo Mark
Logo Mark Inverse
Colors
Typography
Primary Font
abcdefghijklmnopqrstuvwxyz
Secondary Font
abcdefghijklmnopqrstuvwxyz
Primary Font
abcdefghijklmnopqrstuvwxyz
Secondary Font
abcdefghijklmnopqrstuvwxyz
- a element
- abbr element
code elementdel element- dfn element
- Link Muted
- em element
- ins element
- mark element
q
inside
a q- strong element
- Link Reset
- Text Muted
- Text Emphasis
- Text Primary
- Text Secondary
- Text Success
- Text Warning
- Text Danger
- Default
- Success
- Warning
- Danger
- 1
Lists
Buttons
Dividers
Divider Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Divider Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Divider Vertical
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Width
Cards
Tiles
Forms
Horizontal
Sizes
Widths
Overlay
Default
Primary
Icon
Slider
Transitions
Fade
Scale Up
Slide
Slide Small
Slide Medium
Slow
Fade
Scale Up
Slide
Slide Small
Slide Medium
Decorations
Alerts
Alert! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Primary! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Success! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Warning! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Danger! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Animation
Fade
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Scale Up
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Fast
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ken Burns
Padding
Table
Divider
| Expand | Table Heading | Table Heading | Table Heading |
|---|---|---|---|
| Table Footer | Table Footer | Table Footer | Table Footer |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |
| Active Row | Active Row | Active Row | Active Row |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |
Striped
| Expand | Table Heading | Table Heading | Table Heading |
|---|---|---|---|
| Table Footer | Table Footer | Table Footer | Table Footer |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |
| Active Row | Active Row | Active Row | Active Row |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |
Small
| Expand | Table Heading | Table Heading | Table Heading |
|---|---|---|---|
| Table Footer | Table Footer | Table Footer | Table Footer |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |
| Active Row | Active Row | Active Row | Active Row |
| Table Data | Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data | Table Data |