# wave

Bouncy Letter Wave

The word MOTIONVAULT splits into per-letter spans that ride a looping spring wave and pop on hover.

5.5k30.7k5.6kOpen

Ripple Wave Field (Canvas)

Click or hover to emit expanding triple-ring ripples in cyan/violet/fuchsia with additive blending.

4.7k27.9k4.1kOpen

Dual Sine Wave Canvas

Two layered sine waves drifting on canvas with opposing phase and glow stroke.

040Open

Components Live preview

Liquid ripple click button

Soft white ripples expand from the exact click point on a gradient pill, animating size and fade then self-removing.

37200Open

Sine Wave Oscillator

Animated sine waves with layered colors and phase offsets.

Dot Matrix Wave

Grid of dots forming a traveling wave pattern.

Ripple on Click

Material-style ripple expanding from the click point.

Wave Divider

Animated SVG wave divider at section boundaries.

HTMLCSSSimple

Lissajous Curve Dance

Lissajous-style curve dancing on canvas with rotating phases.

Heartbeat Pulse Line

A heartbeat ECG line pulsing across a monitor-style canvas.

Ocean Wave Layers

Three stacked ocean waves with different speeds and crest highlights.

Audio Waveform Visualizer

Symmetric bars waving like a live audio visualizer.

Ripple Wave Rings

Concentric rings rippling outward from periodic drops.

Sound Bar Equalizer

Height-oscillating bars mimicking a playing equalizer.

Plasma Wave Interference

Two waves interfering with plasma-like banding.

Rain Ripple Rings

Droplets landing on water and spawning expanding ripple rings.