Lumo Keyhole

Your image or video seen through a shape (circle, rounded square, blob, star, heart or your own SVG path) that grows until it covers the screen, while the headline fades away.

What you can change

• Image / Video — The media behind the mask

• Shape — Circle, Rounded square, Blob, Star, Heart or Custom SVG path

• SVG path — A single path d in a 0–100 box (Custom only)

• Start size — Size of the shape before it grows, in px

• Start zoom — Zoom the media starts at and settles from

• Eyebrow / Title / Subtitle / Title font / Headline — The headline outside the shape

• Scroll length — Viewport heights the reveal takes

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