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

    Timeline

    A timeline component with sticky header and scroll beam follow.

    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

    100+ templates and 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.