Lifeline: Scroll-Scrubbed Timeline Component for Next.js
Lifeline: a component registry that adds a story-driven timeline to Next.js and shadcn/ui projects. Horizontal scroll scrubbing on desktop. Vertical timeline layout on mobile. Event text, links, portraits, logos, photo
Lifeline: a component registry that adds a story-driven timeline to Next.js and shadcn/ui projects.
- Horizontal scroll scrubbing on desktop.
- Vertical timeline layout on mobile.
- Event text, links, portraits, logos, photos, and video.
- Draggable media cards with a lightbox.
- Full-page and embedded modes.
- Editable source installed through the shadcn CLI.
๐ Blog Post
๐ GitHub Repo
๐ Live Demo
๐ฐ Read the original article on Dev.to WebDev
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes โ full credit and traffic to the original publisher.