Lumo Ripple Type

Show Preview
Lumo Ripple Type
Lumo Ripple Type

About Lumo Ripple Type

A headline whose letters ride a sine wave, with optional tilt, that the pointer can amplify. Screen readers still read the full text once.

What you can change

  • Text — The headline (Make waves)

  • Amplitude — Height of the wave, in px (12)

  • Wavelength — Letters per cycle (8)

  • Speed — Cycles per second (1 Hz)

  • Rotate — Tilt at the crest, in degrees, 0 for none (0)

  • Pointer radius / Pointer boost — How far the pointer reaches (120px) and how much it multiplies the amplitude (2×)

  • Font / Text / Background — Typeface and colours

  • Align — 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.

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