Basic Elements

Buttons

Primary Button
Warning Button
Default Button
Danger Button
Success Button
Inverse Button
Info Button
Disabled Button

Input

Disabled

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form :(

Dropdown

Default

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form :(

Select

Choose hero

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form :(

Tags Input

TAG

Navbar

Flat UI
Menu Item
Default
About Us

Progress Bar

Navigation

All messages

 12345678 

Checkboxes

Unchecked
Checked
Disable Unchecked
Disable Checked

Radio Buttons

Radio is on
Radio is off
Disabled radio is off
Disabled radio is on

Switches

ON
OFF
OFF
ON
OFF
ON
ON
ON

Share

Typography

Heading

Header 1

Header 2

Heading

Heading

Header 3

Header 4

Heading

Header 5

Heading

Header 6

Heading

Paragraph 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. 

Lead Text

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Quote

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Small Font

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Color Swatches

#1ABC9C
TURQUOISE
#16A085
GREEN SEA
#2ECC71
EMERALD
#27AE60
NEPHRITIS