Interactive Timeline

A horizontal year-selector timeline that animates in an image, title, and description for the selected milestone, used for showing company history or product evolution.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Timeline to your project and fits it to your theme.

import Timeline from "@/components/ui/timeline-02";

export default function TimelineDemo() {
  return (
    <section className="py-24 bg-background overflow-hidden">
      <div className="max-w-7xl mx-auto px-4 md:px-8 lg:px-16">
        <Timeline />
      </div>
    </section>
  );
}