Reusable component

WAV Logo Playground

One reusable mark, many moods. Every logo here is driven by the shared wav-logo.js engine and the window.WavLogo API, all sharing a single animation loop. Click the mark above to cycle its animation.

Animation states

Multi colourHue flows across the bars
Single colourOne hue, lightness breathes
Sweep, left to rightA spectrum band travels across
Sweep, right to leftSame band, reversed
Single colour swipeOne hue, opacity sweeps across
Two colour gradient swipeA gradient slides across
WaveBars travel up and down
Sweep plus motionColour swipe and wave together
BounceWhole mark hops, composable
RestingMonochrome, theme aware

Live controls

Drive it

These buttons call window.WavLogo; the mark is also click to cycle.

loops 0 state multi