Utilities
These are helpers that speed up the dev time for various components and effects.
Animate.css

All Animate.css animations are available if enabled from the /assets/utils/_animate.css file.

Solid Colors
Gradient Colors
Text Colors

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Etiam porta sem malesuada ultricies vehicula.

Headers
Background Images
Opacity
.opacity-01 - .opacity-09 Adding this class to any element sets the opacity to 1% ... 9%
.opacity-2 - .opacity-10 Adding this class to any element sets the opacity to 10% ... 100%
.opacity-01 Adding this class to any element sets the opacity to 10%
.opacity-15 Adding this class to any element sets the opacity to 15%
Breadcrumbs

Layout Options

  • Full Sidebar
    Removes sidebar layout spacing.
  • Pills Page Navigation Style
    Changes the page sub navigation style to pills!

Sidebar Options

  • Choose Color Scheme

Main Content Options

  • Color Schemes

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