Lumo Bubble Type

A headline seen through a fisheye lens that follows the pointer, with a touch of chromatic fringing. The lens strengthens as the section scrolls, and the real text stays in the page for accessibility and SEO.

What you can change

• Text / Font / Size — The headline, its typeface and size (120px)

• Text / Background — Colours

• Strength — Lens magnification at the end of the travel (0.6)

• Lens radius — Size of the lens as a share of the frame (0.35)

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.

• WebGL shader with a CSS fallback, so it still looks right where WebGL is unavailable.

• Installs from one link; its shared Hero Kit helpers come with it.

• Licence: Framer's single-use commercial licence (one project).