Library / Text effects

Weight Wave free

A variable-font headline where a wave of boldness travels along the letters; hover to start it from any letter.

Customize

The headline

The thinnest weight

The heaviest weight

How fast the wave travels

The font family

Code

import WeightWave from './WeightWave';

<WeightWave />

Checking your access…

Dependencies: none

text variable font wave hover

More in Text effects

Glyph DecodeA big mono word dissolves into random glyphs and resolves into the next one. Hover or tap to force the next decode.
Type PressureEach letter swells in weight and size as the cursor gets close, driven by a variable font axis.
Split Text RevealA headline whose words or letters rise out of an invisible mask one after another.