1. Components
  2. Timeline

Components

Tailwind CSS Timeline

The Timeline Component is designed to display events in chronological order, ideal for showcasing history, project milestones, or event sequences.

Basic usage

A basic timeline usage with title, description and users.

Theme:

Collapsable

Collapsable timeline to hide/show more contents.

Theme:

Types

Hoverable rows

For timelines that contain a lot of information, this allows to hover over the rows to see more information.

Theme:

With time

With time on the left side.

Theme:

Icons and avatars

You can also add additional elements, such as icons and avatars.

Theme: