design-infraReport a problem or share feedback← Catalog
Timeline
curatedfreeaceternity/timeline
A timeline component with sticky header and scroll beam follow.
$
npx shadcn@latest add @aceternity/timelinenpm deps: motion
Our notes
Sticky-header timeline with scroll beam. Changelogs and company history.- Source
- Aceternity UI
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- scroll-effectblog
- Motion
- on scroll · medium · motion · medium cost · ignores reduced motion
- Tags
- content, special
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Scroll Progresssmoothui/scroll-progressReading-progress indicator in four variants (bar, ring, rolling percent number, segmented), spring-smoothed via useScroll, for the window or a scroll container. Default colour is var(--color-brand) from tokens.json — pass color="var(--primary)" (or define --brand). Articles, docs and long onboarding pages.
- Fey.com Macbook Scrollaceternity/macbook-scrollFey-style laptop reveal. Heavy; one per page max.
- Sticky Scroll Revealaceternity/sticky-scroll-revealSticky visual + scrolling text sections for feature walkthroughs.