React Timeline Components

Dev Design Library indexes 59 React timeline components from 25 open-source UI libraries, with the most coming from Origin UI, ReUI, Spectrum UI, Cojeev UI and Halaska UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. 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…
• 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
• Agent LogBoardUI · React
• Flight Status CardComponentry · ReactA detailed card showing flight information with animations.
• Revision TimelineGreatUI · React
• 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.
• 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.
• 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 React timeline components

• Origin UI
• ReUI
• Spectrum UI
• Cojeev UI
• Halaska UI

Related categories

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