Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Tailwind CSS Timeline

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

Default timeline

Use a default timeline to present events in chronological order with titles, descriptions, and people.

Collapsible timeline

Collapse longer timelines to hide or reveal additional events on demand.

Hoverable rows

Use hover states when timeline rows act like interactive items or links.

Side timestamps

Place timestamps in a separate left column to distinguish time from the main event content.

Timeline with icons and avatars

Add icons or avatars to give each event clearer visual context.

© 2026 Preline Labs.