Company Milestones

Component

About

A dated, year-by-year timeline list for an "About"/company page that marks the most recent entry as the present.

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

Code

How Company Milestones is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Milestones from "@/components/ui/milestones";

const MILESTONES = [
  { year: 2018, text: "Founded in Seoul, South Korea." },
  { year: 2019, text: "Opens in New Delhi, India." },
  { year: 2020, text: "Launches its recruitment and skills-testing platform." },
  { year: 2023, text: "Raises its seed round." },
  { year: 2024, text: "Opens in New York, U.S." },
  { year: 2025, text: "Raises its Series A." },
  {
    year: 2026,
    text: "Launches the Redrob suite: seven products for the whole job.",
  },
];

export default function MilestonesDemo() {
  return (
    <div className="w-full bg-background text-foreground p-8">
      <div className="max-w-5xl mx-auto">
        <Milestones items={MILESTONES} />
      </div>
    </div>
  );
}