11 Blocks

shadcn/ui roadmap blocks & components.

Product roadmap blocks built with shadcn/ui: status-column boards, Now/Next/Later phases, upvotable public roadmaps, quarterly views, Gantt-style delivery lanes, and animated health overviews. Show direction publicly without exporting your project tracker.

Status Kanban Board

Roadmap 1Free

Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, progress bars, contributor avatars, and shipped dates per card.

AvatarBadgeProgress

Now Next Later Phases

Roadmap 2Free

Directional roadmap grouped into Now, Next, and Later phases with colored markers, a target month each, progress bars, and vote counts on upcoming items.

AvatarBadgeProgress

Upvotable Feature Requests

Roadmap 3Free

Public roadmap card where visitors upvote feature requests, each row with a live vote count, status and category badges, and progress on in development work.

AvatarBadgeCardProgress

Quarterly Roadmap Columns

Roadmap 4Free

Product roadmap laid out as four quarterly columns of feature cards, each with a category and a color coded shipped, in progress, or planned status.

Badge

Filterable Delivery Board

Roadmap 5Pro

Interactive roadmap board across Shipped, In Progress, Planned, and Exploring, with an area filter that reflows cards, count-up progress, and animated upvotes.

AvatarBadgeProgress
motion

Phase Switcher Carousel

Roadmap 6Pro

Roadmap phase switcher whose sliding Now, Next, and Later indicator blur cross-fades between card sets and auto advances, showing progress or vote counts.

AvatarBadgeProgressToggle Group
motion

Sortable Initiative Table

Roadmap 7Pro

Roadmap table of every initiative with a status filter and click to sort by target date, status pills, and a count-up summary of active development.

BadgeTable
motion

Milestone Timeline Spine

Roadmap 8Pro

Horizontal roadmap timeline whose line draws in on scroll, with quarter milestones alternating above and below the spine and a pulsing Today marker.

Badge
motion

Shipped Changelog Feed

Roadmap 9Pro

Roadmap split pairing a count-up delivery stat strip with a Recently Shipped changelog feed that auto streams releases in with version tags and avatars.

AvatarBadge
motion

Gantt Workstream Lanes

Roadmap 10Pro

Gantt style roadmap with workstream lanes and quarter columns, status tinted duration bars that draw in on scroll, a pulsing Now line, and owner tooltips.

AvatarTooltip
motion

Delivery Health Gauge

Roadmap 11Pro

Roadmap overview pairing a radial completion gauge with a count-up percentage, a delivered versus remaining legend, a What's Next list, and a CTA.

ButtonChart
motionrecharts