---
title: "Aisol Roadmap Timeli — Framer component · Best of Framer"
description: "$7.00 · Framer component · by ulz song · Sections. Steps in order, rail fills up"
canonical: "https://framer.elliotli.dev/component/aisol-roadmap-timeli"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Aisol Roadmap Timeli

# Aisol Roadmap Timeli

Steps in order, rail fills up

[View on Framer](https://framer.com/marketplace/components/aisol-roadmap-timeli/?via=elliot-li)

![Aisol Roadmap Timeli preview image 1](https://framer.elliotli.dev/og/component/aisol-roadmap-timeli/8b2250abc7008a76/1600x1200.jpg)

## Summary

Steps in order, rail fills up

## Description

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](https://payhip.com/b/W2hRH)
    

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #7912

## Details

- **Author**: ulz song
- **Price**: $7.00
- **Published**: 2026-08-30
- **Updated**: 2026-09-07
- **Added**: 2026-08-30
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove