Roadmap Home
A timeline roadmap carries the page: shipped, in progress, planned.
Install
npx shadcn@latest add "https://webberui.com/r/roadmap-home.json?t=<install token>"The whole page lands in app/templates/roadmap-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero
A sticky nav bar with a gradient headline, two action buttons, a mini roadmap board preview, and four key figures.
hero - 2
Product Roadmap Timeline
A two-column timeline filterable by shipped, in progress, or planned, expanding eight milestones one by one with progress and tags.
timeline - 3
Core Features
Six cards covering the full capability set, from the three-state timeline and direct feedback to AI insights and enterprise-grade permissions.
features - 4
Recent Changelog
The three most recent product updates, listed with version number, date, and category tag.
content - 5
Customer Voices
Three five-star customer reviews with avatars, plus a logo row of six partner teams.
testimonial - 6
Start Free Call to Action
A closing appeal on a purple glow, with Start Free and Book a Demo buttons and a reassurance line.
cta - 7
Footer
Brand blurb, social links, three navigation columns — product, resources, company — and a copyright notice.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →