Skip to Content

timeline

ui

A vertical timeline for displaying chronological events with mineral-colored dots.

Use cases

  • Event history display
  • Activity feeds
  • Changelog visualization
  • Project milestones

Features

  • Vertical timeline with connecting lines
  • Mineral-colored dots (cobalt, tanzanite, malachite, gold, terracotta)
  • Heading, description, and time sub-components
  • Composable — nest any content inside TimelineContent

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Registry v7.0 released

Five African Minerals design system launched.

90+ components

Cross-app standardized components added.

Error boundaries

Layered fault isolation architecture.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/timeline

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/timeline

Source

components/ui/timeline.tsx