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.

From José Antonio Cid Montero

Lumo Highlighter
Lumo Breathing Type
Lumo Word Shift
Lumo Bubble Type

Related Components

ScrollSyncedText
Text Hover Effects
Sticky Note
Blur Hover