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
  • Light Color Schemes
Loading Blocks
Sometimes we need to show a loading indicator for some elements, like cards or tables.
Page Block Loading
Elements Block Loading
Header

With supporting text below as a natural lead-in to additional content.

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.

Basic

ball-pulse

ball-grid-pulse

ball-clip-rotate

ball-clip-rotate-pulse

square-spin

ball-clip-rotate-multiple

ball-pulse-rise

ball-rotate

cube-transition

ball-zig-zag

ball-zig-zag-deflect

ball-triangle-path

ball-scale

line-scale

line-scale-party

ball-scale-multiple

ball-pulse-sync

ball-beat

line-scale-pulse-out

line-scale-pulse-out-rapid

ball-scale-ripple

ball-scale-ripple-multiple

ball-spin-fade-loader

line-spin-fade-loader

angle-skew-spin

pacman

ball-grid-beat

semi-circle-spin

Colors

ball-pulse

ball-grid-pulse

ball-clip-rotate

ball-scale-multiple

square-spin

ball-pulse-rise

ball-rotate

cube-transition

ball-zig-zag

ball-zig-zag-deflect

ball-triangle-path

Servers Status

Server Load 1

Server Load 2

Server Load 3

Live Statistics
43
Packages
65
Dropped
18
Invalid

File Transfers

  • TPSReport.docx
  • Latest_photos.zip
  • Annual Revenue.pdf
  • Analytics_GrowthReport.xls

Tasks in Progress

  • Wash the car
    Rejected
    Written by Bob
  • Task with hover dropdown menu
    By Johnny
    NEW
  • Badge on the right task
    This task has show on hover actions!
    Latest Task
  • Go grocery shopping
    A short description ...
  • Development Task
    Finish React ToDo List App
    69

Urgent Notifications

All Hands Meeting

Yet another one, at 15:00 PM

Build the production release
NEW

Something not important
+

This dot has an info state