Timelines
Timelines are used to show lists of notifications, tasks or actions in a beautiful way.
Colorful Dots

All Hands Meeting

Yet another one, at 15:00 PM

Build the production release
NEW

Something not important
+

This dot has an info state

This dot has a dark state

Basic

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM
Simple Dots

All Hands Meeting

Yet another one, at 15:00 PM

Build the production release

Something not important

Without Time

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

Basic

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

FontAwesome Icons

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Scrollable Small

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM
Scrollable Medium

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

10:30 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

12:25 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

15:00 PM

Something not important

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

15:00 PM
Scrollable Large

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

All Hands Meeting

Lorem ipsum dolor sic amet, today at 12:00 PM

FontAwesome Icons

Lorem ipsum dolor sit amit,consectetur elit enim at minim veniam quis nostrud

Build the production release

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Another meeting today, at 12:00 PM

Yet another one, at 15:00 PM

Layout Options

  • Fixed Footer
    Makes the app footer bottom fixed, always visible!
  • Fluid Containers
    Makes the app layout full width instead on container boxed!
  • Pills Page Navigation Style
    Changes the page sub navigation style to pills!

Header Options

  • Choose Color Scheme

Top Bar 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