Roadmap Reveal

Scroll-reveal milestones. No GSAP.

Building a roadmap section usually means a flat static list, or wiring up a scroll animation library just to make milestones fade in as visitors scroll. Roadmap Timeline fixes this with one drop-in component. It watches your milestones with the browser's native IntersectionObserver and reveals each one with a clean CSS fade as visitors scroll — no GSAP, no ScrollTrigger, no framer-motion. What you get: - Scroll-reveal milestones with color-coded status badges (Completed / In Progress / Planned — fully relabelable) - Fully panel-driven — add, remove, and edit unlimited milestones with no code - Custom colors for background, text, borders, and every status state - Adjustable list height, from a sidebar card to a full-width section - Zero layout shift — fixed-width card that never jumps as content updates - Static-render safe — animation auto-disables in Framer's canvas/export Built for SaaS landing pages, product launches, crypto/Web3 roadmaps, and "about" or company-journey sections — anywhere you need to show progress, not just promise it.

Scroll-reveal milestones. No GSAP.