rmkit

Reusable roadmap page, lifted from the w-c /r2 page with generalized mock content.

Single route (/): a centered two-section accordion roadmap — "Current" + "Long Term" — where each milestone opens to Goal / Work (Requirements, Deliverables, Out of scope) / Done when. Animated accordion (Base UI + framer-motion) with variable-weight label transitions.

Use

pnpm install
pnpm dev

Adapt

• Milestone data lives at the top of src/app/page.tsx (rightNowIssues / longTermIssues) — swap the placeholder milestones for your own.
• Project name + page title: the .r2-heading block in page.tsx.
• Styles: the .r2-* rules in src/app/globals.css.
• defaultValue on the first <RoadmapSection> controls which milestone starts open.