Color Generator

COLOR NAME
CHOOSE COLOR
TEXT COLOR
SELECTED COLORS
EXAMPLE COLORS
Utility classes

Sed tempus tincidunt mi. Mauris eu lacus at metus dapibus dignissim ut eget velit. Morbi quis bibendum orci. Curabitur metus nisl, efficitur sit amet eleifend ut, sodales quis odio. Curabitur tortor ex, fermentum a rutrum vulputate, consequat sed dui.


Default
Darken
Darker

Border
Table
Table Header
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Progress bars

Checkboxes & Radios

Buttons

Alerts

Email confirmation sent

Please check your email@example.com inbox.

Tooltips & Popovers



Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
Switchers


 
Title
Support panel subtitle Panel image cap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Panel header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Title icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
List group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
 
Table
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Alerts
Well done! You successfully read this important alert message.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Pagination
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Progress
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Input group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Wizard title
Support panel subtitle
  • 1 Step 1 Description
  • 2 Step 2 Description
  • 3 Step 3 Description
  • 4 Finish Description
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.
Some body content.
 
Title
Support panel subtitle Panel image cap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Panel header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Title icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
List group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
 
Table
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Alerts
Well done! You successfully read this important alert message.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Labels
Tag Label Badge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
With text
Just some text with link  |  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Input
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
 
Wizard title
Support panel subtitle
  • 1 Step 1 Description
  • 2 Step 2 Description
  • 3 Step 3 Description
  • 4 Finish Description
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.
Some body content.