Timeline
azemmur/components-timelineFreeComponent
A flexible scroll-driven timeline with animated progress, configurable orientations, customizable pins, and optional external scroll-container control.
Install it
npx shadcn@latest add https://azemmur.raouf.codes/r/components-timeline.jsonSource
1// Copyright (c) 2026 raouf.codes - Azemmur23'use client';45import type { Direction } from '@/components/azemmur/components/azemmur/timeline/timeline-context';6import { TimelineHeader } from '@/components/azemmur/components/azemmur/timeline/timeline-header';7import {8 HorizontalTimeline,9 type HorizontalTimelineProps,10} from '@/components/azemmur/components/azemmur/timeline/timeline-horizontal';11import { TimelineItem } from '@/components/azemmur/components/azemmur/timeline/timeline-item';12import {13 TimelineRoot,14 type TimelineRootProps,15} from '@/components/azemmur/components/azemmur/timeline/timeline-root';16import type {17 TimelineVariantProps,18 TimelineItemVariantProps,19} from '@/components/azemmur/components/azemmur/timeline/timeline-variants';20import {21 VerticalTimeline,22 type VerticalTimelineProps,23} from '@/components/azemmur/components/azemmur/timeline/timeline-vertical';2425const Timeline = Object.assign(TimelineRoot, {26 Header: TimelineHeader,27 Item: TimelineItem,28 Horizontal: HorizontalTimeline,29 Vertical: VerticalTimeline,30});3132export {33 Timeline,34 TimelineRoot,35 TimelineHeader,36 TimelineItem,37 HorizontalTimeline,38 VerticalTimeline,39};40export type {41 Direction,42 TimelineRootProps,43 TimelineVariantProps,44 TimelineItemVariantProps,45 HorizontalTimelineProps,46 VerticalTimelineProps,47};
What it pulls in
npm packages
Other registry items
Files it writes
More from Azemmur
All 27 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Blur Imagecomponents-blur-image | Azemmur | Components | Free | 1 dep | |
| Buttoncomponents-button | Azemmur | Components | Free | 1 dep | |
| Floating Dockcomponents-floating-dock | Azemmur | Components | Free | 2 deps · 6 files | |
| Speed Dialcomponents-speed-dial | Azemmur | Components | Free | 2 deps · 7 files | |
| Tabscomponents-tabs | Azemmur | Components | Free | 2 deps · 9 files | |
| Theme Switchcomponents-theme-switch | Azemmur | Components | Free | 4 deps | |
| Blur Image Demodemo-components-blur-image | Azemmur | Components | Free | no deps | |
| Button Demodemo-components-button | Azemmur | Components | Free | 1 dep |
