---
title: "Roadmap Flow — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Sections. Roadmap Flow is a product-roadmap component built around a Now, Next, and Later grid."
canonical: "https://framer.elliotli.dev/component/roadmap-flow"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Roadmap Flow

# Roadmap Flow

A now, next, later product roadmap

[View on Framer](https://framer.com/marketplace/components/roadmap-flow/?via=elliot-li)

![Roadmap Flow preview image 1](https://framer.elliotli.dev/og/component/roadmap-flow/8015c40165e87e9a/1600x1200.jpg)

## Summary

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

## Description

## 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](http://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

## Rank history [How rankings work →](/terms#rankings)

-   All · #3594

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-09-14
- **Updated**: 2026-09-30
- **Added**: 2026-09-14
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove