Lumo Pile Up
Lumo Pile Up

About Lumo Pile Up

Cards pin near the top of the screen one after another; every card underneath shrinks and dims a step as the next one lands, so the pile reads as depth. Up to eight cards, each with its own title, text, image and colours.

What you can change

  • Cards — Up to 8, each with Title, Text, Image, Background and Text color

  • Scroll per card — Viewport heights of scroll each card gets

  • Top offset — Where the first card pins, in px from the top

  • Stack gap — Extra offset per card already pinned

  • Scale step / Dim step — How much a pinned card shrinks and darkens per card above it

  • Radius / Max width — Card corners and width

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 Warp Deck
Lumo Zero to Hero
Lumo Focus Pull
Lumo Shape Orchestra

Related Components

Mission Vision Cards
Portfolio Image Card
PriceFlow
Apple Product Card