# Timeline blocks for shadcn/ui

> 88 timeline blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/timeline
- 88 blocks, 52 free and 36 paid, from 21 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=timeline&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q timeline`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free timeline blocks

All 52 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Timeline 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-03): A simple timeline with custom elements. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-03.json`
- [Timeline 02 - Interactive Timeline by @shadcn-space](https://shadcn.exchange/r/shadcn-space/timeline-02): An engaging timeline layout featuring key milestones, chronological progression, and supporting visuals, crafted to communicate company evolution effectively. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/timeline-02.json`
- [Activity Feed By Day by @7ovr](https://shadcn.exchange/r/7ovr/timeline-3): Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/timeline-3.json`
- [Timeline 01 - Vertical Progress Timeline by @shadcn-space](https://shadcn.exchange/r/shadcn-space/timeline-01): A modern two-column timeline featuring alternating content blocks, visual storytelling elements, and chronological progression—designed to highlight growth and achievements. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/timeline-01.json`
- [Milestone Rail With Status by @7ovr](https://shadcn.exchange/r/7ovr/timeline-1): Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In Progress, or Planned badge, a title, and supporting copy. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/timeline-1.json`
- [Timeline 03 - Horizontal Journey Timeline by @shadcn-space](https://shadcn.exchange/r/shadcn-space/timeline-03): A visually structured timeline layout highlighting key milestones, supporting content, and rich imagery, helping users explore progress year by year. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/timeline-03.json`
- [Timeline 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-01): A simple timeline block with vertically spaced dots. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-01.json`
- [Alternating Spine Story by @7ovr](https://shadcn.exchange/r/7ovr/timeline-2): Centered timeline alternating year entries left and right of a vertical spine, collapsing to a single rail on mobile, with tag badges per entry. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/timeline-2.json`
- [Timeline 06 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-06): A simple timeline block with changelog. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-06.json`
- [Timeline 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-04): A simple timeline block for process steps. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-04.json`
- [Timeline 05 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-05): A simple timeline block for process steps with completion status. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-05.json`
- [Timeline 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/timeline-02): A simple timeline block with icons. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/timeline-02.json`
- [Timeline component 05 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/timeline-component-05): Vertical product changelog timeline with sticky version badges and dates positioned on left sidebar, dual circle progress dots with border styling, continuous vertical connecting line, scroll-to-anchor ID navigation support, responsive lay… `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/timeline-component-05.json`
- [Timeline Milestones by @blockforge](https://shadcn.exchange/r/blockforge/timeline-milestones): Company history on a vertical rail of year markers. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/timeline-milestones.json`
- [Timeline by @balick](https://shadcn.exchange/r/balick/timeline-01): Company story as a vertical timeline, with a sticky header. `npx shadcn@latest add https://shadcn.exchange/r/balick/timeline-01.json`
- [Timeline Block by @uitripled](https://shadcn.exchange/r/uitripled/timeline-block-baseui): Vertical timeline with alternating cards and animated progress line (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/timeline-block-baseui.json`
- [Arc Scroll: Timeline by @keyframeui](https://shadcn.exchange/r/keyframeui/arc-scroll-timeline-demo): A company history with tighter spacing, the current year highlighted and a year rail that follows along. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/arc-scroll-timeline-demo.json`
- [8-bit Timeline 1 by @8bitcn](https://shadcn.exchange/r/8bitcn/timeline1): Vertical timeline with connecting line. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/timeline1.json`
- [Glassmorphism Launch Timeline by @uitripled](https://shadcn.exchange/r/uitripled/glassmorphism-launch-timeline-block-baseui): Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/glassmorphism-launch-timeline-block-baseui.json`
- [Playhead Reel: Default by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-demo): A studio's archive: six projects, forty images. Scroll and the playhead walks the reel while each project opens into a collage under it, and the title rolls to the next as you cross into it. Scroll fast and the collage folds flat to let yo… `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-demo.json`
- [8-bit Timeline 3 by @8bitcn](https://shadcn.exchange/r/8bitcn/timeline3): Zigzag roadmap with alternating cards. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/timeline3.json`
- [Timeline Block by @uitripled](https://shadcn.exchange/r/uitripled/timeline-block-shadcnui): Vertical timeline with alternating cards and animated progress line. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/timeline-block-shadcnui.json`
- [Playhead Reel: Travel Journal by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-journal-demo): A year of trips, one group each, in portrait and landscape. Each photo has its own caption, and the trip's dates and a day count sit above. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-journal-demo.json`
- [8-bit Timeline 2 by @8bitcn](https://shadcn.exchange/r/8bitcn/timeline2): Horizontal progress steps with checkpoints. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/timeline2.json`
- [Glassmorphism Launch Timeline by @uitripled](https://shadcn.exchange/r/uitripled/glassmorphism-launch-timeline-block-shadcnui): Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/glassmorphism-launch-timeline-block-shadcnui.json`
- [Playhead Reel: Changelog by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-changelog-demo): Six releases as live UI mockups rather than screenshots, so they stay sharp and follow your theme. The header shows the version and date, and a caption for the screen under the playhead. Tab to the playhead and use the arrow keys: Shift ju… `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-changelog-demo.json`
- [Animated Timeline Playback Scrubber by @paceui](https://shadcn.exchange/r/paceui/tanstack-charts-timeline-playback-scrubber): Interactive timeline play/pause scrubber with keyframe animation. `npx shadcn@latest add https://shadcn.exchange/r/paceui/tanstack-charts-timeline-playback-scrubber.json`
- [Interval Timeline by @pacekit](https://shadcn.exchange/r/pacekit/tanstack-charts-interval-timeline): Gantt-style timeline chart mapping continuous interval event ranges. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/tanstack-charts-interval-timeline.json`
- [Block timeline by @audio-ui](https://shadcn.exchange/r/audio-ui/block-timeline): An arrangement timeline made for a whole screen: a bar ruler that seeks on the grid, a loop strip, a lane per track with clips to move between tracks, trim and fade on the grid, a cursor to put anywhere on a track, and a split at the curso… `npx shadcn@latest add https://shadcn.exchange/r/audio-ui/block-timeline.json`
- [Interval Timeline by @paceui](https://shadcn.exchange/r/paceui/tanstack-charts-interval-timeline): Gantt-style timeline chart mapping continuous interval event ranges. `npx shadcn@latest add https://shadcn.exchange/r/paceui/tanstack-charts-interval-timeline.json`
- [Animated Timeline Playback Scrubber by @pacekit](https://shadcn.exchange/r/pacekit/tanstack-charts-timeline-playback-scrubber): Interactive timeline play/pause scrubber with keyframe animation. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/tanstack-charts-timeline-playback-scrubber.json`
- [Timeline 3 - Sticky intro with stacked milestone cards by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline3): A two-column timeline with a sticky heading, supporting copy, and two buttons on the left, plus stacked image cards for company milestones on the right. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/timeline3.json`
- [Timeline Category Skills by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-timeline-category-skills): A vertical timeline of roles and projects with skills tagged per entry. Maps your career history and the abilities you used at each step you took. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-timeline-category-skills.json`
- [Progress Timeline by @ilinxa](https://shadcn.exchange/r/ilinxa/progress-timeline): Horizontal progress bar with a current-position marker and start, state-aware center, and end captions — derives its state from three dates. `npx shadcn@latest add https://shadcn.exchange/r/ilinxa/progress-timeline.json`
- [Timeline 9 - Vertical dot timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline9): Vertical timeline with a left-aligned separator, filled dot markers, and card-wrapped entries showing dates, titles, and prose content. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/timeline9.json`
- [Growth Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-stats-growth-timeline): A vertical timeline pairing dates with the numbers you hit at each stage. Use it to chart company momentum on an about page or investor deck. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-stats-growth-timeline.json`
- [Timeline List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-timeline-list): A vertical timeline arranging products or drops by date with images and prices. Good for release schedules, new arrivals, and limited editions. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-timeline-list.json`
- [Feature Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-feature-sections-feature-timeline): A vertical timeline that walks through features or milestones in sequence. Ideal for telling how a product flow works or how your story unfolded over time. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-feature-sections-feature-timeline.json`
- [Feature Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-timeline): A vertical timeline that walks through product features in sequence. Useful for showing a setup flow or how capabilities build on each other. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-timeline.json`
- [Timeline Feature Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-timeline-feature-showcase): A timeline that reveals product features step by step as buyers scroll. Good for guiding readers through a journey from first use to results. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-timeline-feature-showcase.json`
- [Timeline Speaking Engagements by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements): A vertical timeline charting talks and workshops in date order. Use it to show how your speaking history has grown across many events over time. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements.json`
- [Timeline Stats by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-stats-timeline-stats): Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a growth story across quarters on an about or press page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-stats-timeline-stats.json`
- [Vertical Step Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-vertical-step-timeline): A vertical timeline that marks milestones and values down the page in order. Use it to trace how your mission took shape over time for visitors. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-vertical-step-timeline.json`
- [Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-about-sections-timeline): A vertical list of dated milestones marking how the company grew. Use it on an about page to walk visitors through your story, year by year. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-about-sections-timeline.json`
- [Timeline FAQ by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-timeline-faq): An FAQ laid out as a vertical timeline, walking visitors through questions in order. Suited to onboarding or step by step guides where sequence matters. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-timeline-faq.json`
- [Awards Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-awards-timeline): A vertical timeline listing awards by year with titles and issuers. Use it to walk visitors through your honors in chronological order on a profile. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-awards-timeline.json`
- [Timeline Changelog by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-changelogs-timeline-changelog): A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-changelogs-timeline-changelog.json`
- [Icon Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-icon-sections-icon-timeline): A vertical timeline with an icon at each step. Walks visitors through a process or product journey in clear order, one milestone after another. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-icon-sections-icon-timeline.json`
- [Timeline Style Case Study by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-timeline-style-case-study): A timeline that maps a project across stages from the first brief to outcome. Use it to show your process and results step by step in one case study. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-timeline-style-case-study.json`
- [Timeline Blog by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-blog-sections-timeline-blog): A vertical timeline that orders posts by date with markers and dots. Use it for a changelog, release notes, or a chronological story archive. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-blog-sections-timeline-blog.json`
- [Vertical Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-vertical-timeline): A vertical timeline that maps each process phase down the page in sequence. Use it to show the path a project follows from kickoff through delivery. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-vertical-timeline.json`
- [With Feature Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-with-feature-timeline): A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflow or roadmap at the top of a product landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-with-feature-timeline.json`

## Paid timeline blocks

All 36 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [Timeline Section 3 by @initium](https://shadcn.exchange/r/initium/timeline-section-3): Timeline section 3 with media, background contrast section, video aspect media, rounded visuals, split layout.
- [Timeline Section 2 by @initium](https://shadcn.exchange/r/initium/timeline-section-2): Timeline section 2 with media, background contrast section, sticky elements, video aspect media, rounded visuals.
- [Timeline Section 4 by @initium](https://shadcn.exchange/r/initium/timeline-section-4): Timeline section 4 with media, background contrast section, sticky elements, video aspect media, sidebar layout.
- [Timeline Section 1 by @initium](https://shadcn.exchange/r/initium/timeline-section-1): Timeline section 1 with centered content, background contrast section, rounded visuals, changelog timeline.
- [Timeline 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/timeline-1): A public Now/Next/Later roadmap board with vote chips.
- [Job Timeline 1 – Role, team and contract history by @shadcncraft](https://shadcn.exchange/r/shadcncraft/job-timeline-1): A job history card: tenure, roles held and managers, then a timeline of promotions, pay, manager, team and contract changes with who made each change, when, and a category badge. Includes loading, empty and error states. Adapt it for accou…
- [How Timeline by @blockforge](https://shadcn.exchange/r/blockforge/how-timeline): A four-phase horizontal timeline with node markers.
- [Team section with timeline cards by @aceternity](https://shadcn.exchange/r/aceternity/team-section-with-timeline-cards): Team Section With Timeline Cards.
- [Timeline Roadmap by @blockforge](https://shadcn.exchange/r/blockforge/timeline-roadmap): Quarterly roadmap with shipped/building/planned statuses.
- [Timeline 4 - Alternating vertical timeline with scroll progress by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline4): Vertical timeline with alternating text and image blocks, a scroll-driven progress bar, icon badges, and diagonal pattern borders.
- [Vertical customer activation timeline with collapsible milestone cards and status indicators by @reui](https://shadcn.exchange/r/reui/timeline-1): Customer onboarding timeline where each activation milestone is a collapsible card with owner, priority and status badges, assignee avatars and due date. ReUI Timeline, Frame, Badge plus shadcn Avatar, Collapsible, Spinner. Onboarding trac…
- [Card 30 - Activity Timeline Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/activity-timeline-card): Display a chronological log of daily activities with timestamps, a connected dot timeline, and optional linked references. Ideal for admin, sales, and finance dashboards.
- [Timeline 6 - Sticky headline with icon-led step list by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline6): A two-column timeline with a sticky multi-line headline on the left and a vertical list of six icon-led steps with titles and descriptions on the right.
- [Account rollout activity dropdown with scrollable vertical timeline and per-step badges by @reui](https://shadcn.exchange/r/reui/timeline-7): Dropdown holding a scrollable vertical timeline of rollout steps, each with date, owner, status badge, dot-meta badge, attachment and star rating. ReUI Timeline, Badge, Rating with shadcn DropdownMenu, ScrollArea. Activity feed, audit log.
- [Timeline 23 - Alternating Photo Timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline23): An alternating vertical timeline of four place photographs, with a scroll progress line and icon markers.
- [Horizontal scrolling approval workflow timeline with file attachments, ratings, and owner avatars by @reui](https://shadcn.exchange/r/reui/timeline-6): Horizontal scrollable timeline tracking approval steps, each with a phase status badge, attachment download, star rating, action button, and owner avatar. ReUI Timeline, Badge, Rating with shadcn Avatar, Button, ButtonGroup. For approval f…
- [Timeline 2 - Sticky image timeline with scroll-synced steps by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline2): A two-column timeline with a page heading, scrollable step copy on the left, and a sticky image on the right that fades as each step reaches the viewport.
- [Finance activity timeline with avatar nodes, status badges, attachments, and inline actions by @reui](https://shadcn.exchange/r/reui/timeline-3): Vertical finance feed of payouts, risk flags, invoices, ledger updates. Avatar nodes, dot plus colored status Badges, attachments, participant AvatarGroup, inline action Buttons. ReUI Timeline, Badge, shadcn Avatar, Button. Audit log, acti…
- [Timeline 12 - Tabbed phase timeline with images by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline12): Four-tab timeline where each tab reveals a phase with a date, heading, description, download button, and an animated image card.
- [Release changelog timeline with side date rail and color-coded type, impact, and change badges by @reui](https://shadcn.exchange/r/reui/timeline-5): Vertical changelog feed: each release shows a version title, summary, and tagged badges for type (New, Fixed), impact, and changes, with a left date rail. ReUI Timeline, Badge. Release notes, product updates, version history.
- [Timeline 22 - Photo Milestone Timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline22): A four-milestone timeline with small square place photographs on a full-width line, each with a year, title, and short description.
- [Slide-out team activity timeline panel in a right sheet with avatars, badges, and progress by @reui](https://shadcn.exchange/r/reui/timeline-8): Right-side activity feed panel listing team events as timeline entries with avatars, status badges, progress bars, attachments, ratings, and a per-item action menu. ReUI Timeline, Badge, Rating with shadcn Sheet, Avatar, DropdownMenu, Scro…
- [Timeline 10 - Horizontal four-phase progress timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline10): A four-phase project timeline with dates, titles, and descriptions, plus an animated progress line that fills through to the current phase.
- [Vertical Account Rollout Timeline with Owner, Status Badges, Star Rating and File Attachments by @reui](https://shadcn.exchange/r/reui/timeline-2): Vertical activity timeline of onboarding milestones, each with date, action title, owner, colored status and risk badges, optional star rating and downloadable attachment. ReUI Timeline, Badge, Rating. Customer success, audit log, mileston…
- [Timeline 11 - Horizontal phase timeline with progress by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline11): Four-column timeline of project phases with icons, dates, and an animated progress bar highlighting the current phase.
- [Team activity feed timeline with avatars, attachments, progress, ratings, and per-event action menu by @reui](https://shadcn.exchange/r/reui/timeline-4): Vertical activity stream mixing actor avatars, attachment downloads, participant avatar groups, status badges, progress bars, star ratings, and a per-event action menu. Uses ReUI Timeline, Badge, Rating, shadcn Avatar, Progress, DropdownMe…
- [Timeline 14 - Sticky-scroll milestone timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline14): A scroll timeline of company milestones with images and copy, a sticky year indicator, and the active entry highlighted as you move through the list.
- [Inset right sheet with a scrollable finance activity feed timeline and avatar indicators by @reui](https://shadcn.exchange/r/reui/timeline-9): Floating right sheet with a scrollable activity feed of payouts, risk reviews, and ledger entries with avatar indicators, status badges, attachment downloads, and inline actions. ReUI Timeline, Badge; shadcn Sheet, Avatar. Audit log, notif…
- [Timeline 5 - Sticky heading with scrollable cards by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline5): Two-column layout with a sticky heading on the left and numbered feature cards that scroll independently on the right.
- [Timeline 19 - Vertical Phase Timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline19): A vertical timeline with four project phases, dot markers, and an animated progress line showing current completion status.
- [Timeline 21 - Fullscreen Photo Journey Timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline21): A fullscreen carousel of four place photographs, one chapter at a time, with previous and next controls to move left or right through a startup story.
- [Timeline 8 - Vertical changelog timeline with date badges by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline8): A centered vertical changelog timeline with a connecting line, date badges, and bullet lists of product updates with bold, italic, and underlined phrases.
- [Timeline 13 - Horizontal product launch timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline13): A three-phase product launch timeline with numbered steps, progress bars, duration estimates, an animated indicator, and a request-a-demo button.
- [Timeline 1 - Centered three-step process timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline1): A centered three-step process timeline with circular outlined icons, headings, monospace supporting copy, and dashed vertical connectors between each step.
- [Timeline 7 - Interactive stepper with progress bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline7): A centered interactive stepper with a four-step progress bar, an image and description for the current step, and previous and next buttons.
- [Timeline 20 - Vertical Icon Phase Timeline by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/timeline20): A vertical timeline with four icon-marked phases, dates, titles, descriptions, and an animated progress indicator along the left track.

## Registries with the most timeline blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 19 blocks, 2 free and 17 paid
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 18 blocks, all free
- [@reui](https://shadcn.exchange/r/reui): 9 blocks, all paid
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 6 blocks, all free
- [@initium](https://shadcn.exchange/r/initium): 4 blocks, all paid
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 4 blocks, all free
- [@uitripled](https://shadcn.exchange/r/uitripled): 4 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 3 blocks, all free
- [@8bitcn](https://shadcn.exchange/r/8bitcn): 3 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 3 blocks, 1 free and 2 paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 3 blocks, all free
- [@pacekit](https://shadcn.exchange/r/pacekit): 2 blocks, all free
- [@paceui](https://shadcn.exchange/r/paceui): 2 blocks, all free
- [@aceternity](https://shadcn.exchange/r/aceternity): 1 block, paid
- [@audio-ui](https://shadcn.exchange/r/audio-ui): 1 block, free
- [@balick](https://shadcn.exchange/r/balick): 1 block, free
- [@ilinxa](https://shadcn.exchange/r/ilinxa): 1 block, free
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 1 block, paid
- [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 1 block, paid
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 1 block, paid