Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
  • Fixed Footer
    Makes the app footer bottom fixed, always visible!

Header Options

  • Choose Color Scheme

Sidebar Options

  • Choose Color Scheme

Main Content Options

  • Page Section Tabs
Cards
Wide selection of cards with multiple styles, borders, actions and hover effects.
Basic Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Card with Subtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis eni

Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Header
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Card image cap
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card Title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago
Card image cap
Card title
Card subtitle
Card image cap
Some quick example text to build on the card title and make up the bulk of the card's content.Card LinkAnother Link
Card image cap
Card Title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago
Primary Card Shadow
With supporting text below as a natural lead-in to additional content.
Secondary Card Shadow
With supporting text below as a natural lead-in to additional content.
Warning Card Shadow
With supporting text below as a natural lead-in to additional content.
Danger Card Shadow
With supporting text below as a natural lead-in to additional content.
Success Card Shadow
With supporting text below as a natural lead-in to additional content.
Info Card Shadow
With supporting text below as a natural lead-in to additional content.
Focus Card Shadow
With supporting text below as a natural lead-in to additional content.
Alternate Card Shadow
With supporting text below as a natural lead-in to additional content.
Card image cap
Card Title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago
Primary Card Border
With supporting text below as a natural lead-in to additional content.
Secondary Card Border
With supporting text below as a natural lead-in to additional content.
Warning Card Border
With supporting text below as a natural lead-in to additional content.
Danger Card Border
With supporting text below as a natural lead-in to additional content.
Success Card Border
With supporting text below as a natural lead-in to additional content.
Info Card Border
With supporting text below as a natural lead-in to additional content.
Focus Card Border
With supporting text below as a natural lead-in to additional content.
Alternate Card Border
With supporting text below as a natural lead-in to additional content.
Header
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.
Special Title Treatment
With supporting text below as a natural lead-in to additional content.