Dev Design Library

Timeline

A vertical timeline with status markers (done, active, pending, error), a connecting line, an alternating layout option, collapsible per-item detail and a scroll-triggered staggered reveal.

Timeline preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/timeline.json
Files
  • registry/new-york/timeline/timeline.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame