Lumo Shardfall

Your hero image starts as scattered glass shards that fly home when the page loads. Once assembled, the pane tilts gently with the pointer.

What you can change

• Image — The pane

• Title / Subtitle / Font / Text — The headline over it

• Columns / Rows — The shard grid (4 × 4)

• Jitter — How far inner vertices are nudged, as a share of a cell (0.25)

• Scatter / Spin — How far (80px) and how much (12°) a shard starts away from home

• Assemble / Stagger — Travel time per shard (900ms) and delay between shards (40ms)

• Tilt — Maximum tilt towards the pointer (8°)

• Background — Behind the shards

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