Roadmap Flow

Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid.

About Roadmap Flow Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid. Each card carries a title, short description, and a Shipped, In Progress, or Planned status, so visitors can read what is live, what is in flight, and what is still on the horizon without leaving the page. Static canvas and export paths pause the spotlight loop, ResizeObserver, and IntersectionObserver. Copy is rendered as heading and description nodes with ItemList markup so published pages stay readable for people and parsers. Now, Next, and Later columns with live item counts Shipped, In Progress, and Planned status chips Optional timeline spotlight with adjustable hold time Hero and Classic design languages Semantic headings plus schema.org ItemList / ListItem Works on the canvas with no extra setup Use Cases SaaS marketing and changelog pages Startup launch and waitlist sites Product documentation hubs Agency and studio service roadmaps Funding and investor update pages App store and platform feature boards Internal product ops dashboards Conference and community program pages Open-source project homepages Portfolio case-study timelines Keywords roadmap component, now next later roadmap, product roadmap framer, shipped in progress planned, feature roadmap cards, public product changelog, saas roadmap section, startup launch roadmap, hero roadmap layout

A now, next, later product roadmap