Roadmapper

GitHub Issue Roadmaps Made Simple

Transform your GitHub issues into beautiful, visual roadmaps. Label your issues, generate your roadmap, and share it anywhere.

How It Works

Create visual roadmaps from your GitHub issues in three simple steps

1

Label Your Issues

Add Roadmap: Now, Roadmap: Later, or Roadmap: Future labels to your GitHub issues

2

Generate Your Roadmap

Use our simple URL format with your repository details

3

Share Anywhere

Embed in your README, docs, or website - it updates automatically

Live Example

Click on any card to view the issue on GitHub

Get Started

๐Ÿ“ Your Roadmap URL

Every roadmap has a unique URL based on your GitHub repository. This URL generates a live SVG that updates automatically when your issues change.

https://roadmapper.rocketstack.co/{owner}/{repo}/{colorScheme}
owner Your GitHub username or organization
repo Your repository name
colorScheme "dark" or "light" (optional, defaults to "dark")
Example: https://roadmapper.rocketstack.co/rocketstack-matt/roadmapper/dark

How to Embed Your Roadmap

Choose your embedding method:

For GitHub READMEs - Link to the viewer page for clickable cards (GitHub strips interactive elements from embedded images):

[![Roadmap](https://roadmapper.rocketstack.co/your-username/your-repo/dark)](https://roadmapper.rocketstack.co/view/your-username/your-repo/dark) > Click the roadmap to view the interactive version with clickable cards.

For websites and documentation - Embed directly with clickable cards using an iframe:

<iframe src="https://roadmapper.rocketstack.co/embed/your-username/your-repo/dark" width="100%" height="520" frameborder="0"></iframe>

For advanced embedding - Use HTML image maps for direct embedding with clickable regions:

<!-- Visit the link below to generate the HTML code --> https://roadmapper.rocketstack.co/html/your-username/your-repo/dark

Features

โœจ

Clean Design

Modern, minimal SVG output that looks great anywhere

๐ŸŽจ

Label Colors

Uses your actual GitHub label colors automatically

๐Ÿ”„

Real-time Updates

Roadmap updates automatically when issues change

๐Ÿ”“

No Auth Required

Works with public repositories out of the box

โšก

Fast & Serverless

Powered by edge computing for instant loading

๐ŸŽฏ

Clickable Cards

Interactive viewer with direct links to GitHub issues