Lumo Warp Deck

Cards hang in a 3D tunnel and advance towards the camera as the page scrolls. Cards fade as they pass the focus plane, optional depth blur sharpens the one in front, and hovering a card brings it into focus.

What you can change

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

• Spacing / Depth / Perspective — Gap between cards (420px), where they vanish (1400px), camera distance (1000px)

• Spread — Maximum lateral offset per card (80px)

• Depth blur / Hover blur — Blur away from the focus plane (6px) and on the cards not hovered (6px)

• Card width / Card height / Radius — Card size (420 × 520px) and corners (24px)

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

• Background — 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).