Introducing Aceternity UI Pro - 70+ premium component packs and templates to build amazing websites.
Logo

Timeline

A timeline component with sticky header and scroll beam follow.

Open in

Changelog from my journey

I've been working on Aceternity for the past 2 years. Here's a timeline of my journey.

2024

Built and launched Aceternity UI and Aceternity UI Pro from scratch

startup templatestartup templatestartup templatestartup template

Early 2023

I usually run out of copy, but when I see content this big, I try to integrate lorem ipsum.

Lorem ipsum is for people who are too lazy to write copy. But we are not. Here are some more example of beautiful designs I built.

hero templatefeature templatebento templatecards template

Changelog

Deployed 5 new components on Aceternity today

✅ Card grid component
✅ Startup template Aceternity
✅ Random file upload lol
✅ Himesh Reshammiya Music CD
✅ Salman Bhai Fan Club registrations open
hero templatefeature templatebento templatecards template

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
A product by Aceternity
Building in public at @mannupaaji