Aisol Roadmap Timeline — ordered steps component for Framer
A component for anything that happens in a sequence - a course curriculum, an onboarding flow, project phases. Each step carries a status, and the rail fills up to the last completed one so a visitor sees progress at a glance.
What you get
- Three layouts from one component: vertical, alternating left/right, or horizontal. Horizontal wraps instead of scrolling sideways.
- - Below your chosen width everything becomes a single column.
- - Steps from property controls: title, description, status (done / current / upcoming), optional link.
- - Numbered markers for upcoming steps, filled rail for completed ones.
- - Nothing outside the component is read or written.
Delivery: a text file with your Component URL - paste it into any Framer project and the component appears with all property controls ready.
Live preview: https://thistle-timing-694660.framer.app/aisol-roadmap-timeline