Lumo Breathing Type

A headline whose variable-font axes (weight, width, slant or any custom axis) slide as the block moves through the viewport. One axis can also follow the pointer for a playful, responsive title.

What you can change

• Text / Font — The headline and its typeface (a variable one)

• Axes — Up to 4, each with Tag, From and To (default wght 300 → 900)

• Pointer axis — Tag of the axis that also follows the pointer's X; empty for scroll only

• Pointer weight — How much the pointer counts against the scroll (0.5)

• Text / Background / Align — Colours and Left or Center

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.

• Needs a variable font loaded on the page (e.g. Inter from Google Fonts). A static font renders but does not move.

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

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