Timeline Components

Dev Design Library indexes 67 timeline components from 31 open-source UI libraries, with the most coming from Origin UI, ReUI, Spectrum UI, Oxbow UI and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Timeline components belong to the Data display group.

• Thought LineReact Bits · ReactReasoning-trace header: a glyph and a label breathe beside a live clock while steps appear beneath, then the line…
• TimelinedaisyUI · CSS (Tailwind)
• TimelineChakra UI · ReactUsed to display a list of events in chronological order
• Comp 530Origin UI · React
• Basic timeline.ReUI · ReactBasic timeline.
• Event Agendapdfcn · ReactEvent Agenda PDF block (forme)
• TimelinebeUI · ReactA draggable timeline of dated events around a focused card.
• No Activity YetSpectrum UI · ReactAn audit timeline with a dashed rail above its one real event.
• Thinking StepsFluid Functionalism · ReactCollapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Radix flavor.
• TimelinePanel UI · React NativeA sequence of events, vertical or swiped sideways.
• Flight Arrival WidgetOpenSourceUI · React
• Activity LedgerKinetics · HTML/CSSFresh events arrive sharply while older entries compact
• Agent LogBoardUI · React
• Flight Status CardComponentry · ReactA detailed card showing flight information with animations.
• Arc TimelineAnimations (Svelte) · SvelteA curved timeline that rotates through milestone steps with clickable markers, icons, and configurable spacing.
• Chain Of ThoughtAI Elements (Svelte) · SvelteA collapsible component that visualizes AI reasoning steps with support for search results, images, and step-by-step…
• Status TimelineSwiftPieces · SwiftUIA vertical status timeline on glass nodes: the live one breathes, done ones stamp to a check, and details bud out of a…
• Revision TimelineGreatUI · React
• Timeline 01Oxbow UI · Astro
• TimelineWatermelon UI · React
• TimelineArc Library · ReactFollow what happened, newest first, grouped by day.
• Activity TimelineUI Lab · ReactNew events slide in at the top as the line grows to meet them.
• Agent Step TimelineLocalMode · ReactA vertical timeline of ReAct agent steps: collapsible per-step cards (color-coded tool badge, args, observation…
• Activity feedCojeev UI · ReactAn ordered, date-grouped history in three looks (a living thread, a quiet ledger or gathered bursts), with readable…
• Activity FeedFLX UI · ReactActivity Feed for Comment Thread.
• TimelineVelora UI · ReactVertical timeline with sticky labels and a gradient beam that fills as you scroll.
• Audit Log PatternHalaska UI · React
• TimelineSpaceUI · ReactDisplays a vertical sequence of events, milestone dates, and activity logs connected by a timeline line.
• Sticky Cascade Services And TimelineCue Foundations · React
• TimelineReactFrame · ReactA vertical timeline with status markers (done, active, pending, error), a connecting line, an alternating layout…
• TimelineAceternity UI · React
• Comp 531Origin UI · React
• Deployment log timelineReUI · ReactDeployment log timeline
• Event Agendapdfcn · ReactEvent Agenda PDF block (takumi)
• Agent StepsSpectrum UI · ReactA timeline of tool calls with status, arguments, results, and parallel sub-steps.
• Thinking StepsFluid Functionalism · ReactCollapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Base UI…
• Web TimelinePanel UI · React NativeA video editing timeline with clips, playback and undo and redo.
• Timeline 02Oxbow UI · Astro
• Chain of ThoughtLocalMode · ReactA structured step-by-step reasoning timeline (distinct from free-text Reasoning): labeled steps with per-step status…
• MarkerCojeev UI · ReactSeparates or annotates a sequence with a short event, status, or time label.
• Activity feedFLX UI · ReactIcon timeline rows with relative time footer.
• Checkpoint PatternHalaska UI · React
• Comp 532Origin UI · React
• Activity feed timeline with user avatarsReUI · ReactActivity feed timeline with user avatars
• Nothing ScheduledSpectrum UI · ReactA day rail with a now marker where any hour opens an inline composer.
• Timeline 03Oxbow UI · Astro
• Milestone pathCojeev UI · ReactFollow caller-owned progress or a running workflow as a connected Journey, a scrollable Sequence or a compact…
• Comp 533Origin UI · React
• Compact horizontal milestone timelineReUI · ReactCompact horizontal milestone timeline
• Comp 534Origin UI · React
• Timeline with roadmap.ReUI · ReactTimeline with roadmap.
• Comp 535Origin UI · React
• Timeline with order status.ReUI · ReactTimeline with order status.
• Comp 536Origin UI · React
• Timeline with git activity.ReUI · ReactTimeline with git activity.
• Comp 537Origin UI · React
• Timeline with milestones.ReUI · ReactTimeline with milestones.
• Comp 538Origin UI · React
• Timeline with pipeline steps.ReUI · ReactTimeline with pipeline steps.
• Comp 539Origin UI · React
• Timeline with roadmap items.ReUI · ReactTimeline with roadmap items.
• Comp 540Origin UI · React
• Vertical timelineReUI · ReactVertical timeline
• Comp 541Origin UI · React
• Horizontal timeline with leading labelsReUI · ReactHorizontal timeline with leading labels
• TimelineOrigin UI · React
• TimelineReUI · ReactA visual representation of events in chronological order.

Libraries with timeline components

• Origin UI
• ReUI
• Spectrum UI
• Oxbow UI
• Cojeev UI

Related categories

• React Timeline Components
• Tailwind CSS Timeline Components
• Animated Timeline Components
• Data Display Components
• Card Components
• Chart Components
• Table Components
• Avatar Components
• List Components
• Stat Components
• Calendar Components
• Accordion Components
• Data Table Components
• Carousel Components
• Collapsible Components
• Avatar Group Components
• Stat Card Components
• Bar Chart Components
• Tree View Components