Lumo Milestones

A vertical timeline whose line fills as the visitor scrolls, lighting up each step as it is reached. Steps alternate left and right, with an optional spiral layout.

What you can change

• Steps — Up to 12, each with Title and Text

• Layout — Alternate or Spiral

• Spiral amplitude — How far rows swing sideways (120px, Spiral only)

• Accent / Line / Text / Background — Dot and fill colour, unfilled line, copy, section background

• Dim step — Opacity of a step not yet reached (0.3)

• Dot size / Gap — Dot diameter (14px) and vertical gap between steps (96px)

Good to know

• Every option lives in the properties panel; no code needed.

• Respects reduced motion: visitors who ask for less motion get a calm static version.

• Responsive: no horizontal scroll at phone, tablet or desktop widths.

• Installs from one link; its shared Hero Kit helpers come with it.

• Licence: Framer's single-use commercial licence (one project).