10% off on all-access. Use code SUPER10.
d :
h :
m :

Timeline

A timeline component with sticky header and scroll beam follow.

Loading...

Installation

Run the following command

npx shadcn@latest add @aceternity/timeline

Props

PropTypeRequiredDescription
dataTimelineEntry[]YesAn array of timeline entries.
type TimelineEntry = {
  title: string;
  content: React.ReactNode;
};

Build websites faster and 10x better than your competitors with

Aceternity UI Pro

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

70+ templates and component blocks combined

Ready to copy paste component blocks, save days of development time

Aceternity UI Pro Demo - Light Mode
Logo
Aceternity UI

Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks.

A product by Aceternity
Building in public at @mannupaaji

© 2026 Aceternity Labs LLC. All Rights Reserved.