Aisol Roadmap Timeli

Aisol Roadmap Timeline puts a process in order and shows how far along it is: each step carries a status, and the rail fills up to the last completed one.

• Three layouts from one component - vertical, alternating left/right, or horizontal. Horizontal wraps instead of scrolling sideways, and below your chosen width it becomes a single column.

• - The rail can fill by status (done / in progress / upcoming) or on scroll, or stay empty. Scroll mode watches only this component's own steps - no page scroll listeners.

• - Status is spelled out, not just coloured: "Done", "In progress", "Upcoming" sit next to every title, so the meaning survives greyscale print or colour blindness.

• - Steps are an <ol>, because the order is the content. Screen readers get a numbered list.

• - Drop your own card into any step slot - a CMS-bound card works - and the rail, markers and status labels keep running around it.

• - Content comes from property controls or a CMS collection. Nothing outside the component is read or changed.

Works for course curriculums, onboarding flows, project phases, hiring stages and product roadmaps.

• Part of the Aisol Course Site Kit -

• Curriculum accordion, tuition plan table, event list, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH

More components at Aisol Studio - https://www.framer.com/@ulz-song/