Timeline

Vertical timeline with in-view reveal and done/current/upcoming states.

EEmber Editorial·byEFEmber Fields

1,180

Bookmarks

4,400

Installs

33,100

Views

12 lines

import { Timeline } from "@/components/ui/timeline"

const entries = [
  { title: "Component published", date: "Mar 04", description: "Shimmer Button went live with a demo and MIT license.", status: "done" as const },
  { title: "Reached 1,000 installs", date: "Mar 18", description: "Picked up by three design systems in the same week.", status: "done" as const },
  { title: "Featured on the homepage", date: "Apr 02", description: "Editors' pick in the Buttons category.", status: "current" as const },