Lumo Storyline
Lumo Storyline

About Lumo Storyline

Tell a story in beats on one pinned section: a full-bleed image, a headline that rises word by word, a grid of pictures flying into place, and a fan of cards. Each beat crossfades into the next.

What you can change

  • Beats — Up to 12, each with Type, Title, Text and, by type, an Image, up to 9 Images or 3 Cards

  • Scroll per beat — Viewport heights each beat gets (100vh)

  • Word stagger / Word rise — How spread out the headline words' entrances are (0.5) and how far they rise from (12px)

  • Image zoom — Zoom an image beat settles from (1.15)

  • Grid scatter — How far the grid tiles start from their slot (480px)

  • Fan angle / Fan spread — Tilt of the outer cards (8°) and how far apart they fan (120px)

  • Text / Background — Copy colour and stage background

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).

From José Antonio Cid Montero

Lumo Side Track
Lumo Spotlight
Lumo Milestones
Lumo Soft Fold

Related Components

Scroll Step Timeline
Scroll Card Stack
FluxPricing
Interactive Footer