live

Audio-reactive visuals for any page

16 WebGL visuals made in Infinite. Copy the code under a card into a portfolio, a blog or a landing page. Each one listens to the microphone when the visitor allows it, and moves on its own when they do not.

Cyber Tunnel

Neon cyan rings in perspective around a magenta core. Bass warps the tunnel, mids lift the glow.

Full screen

Iridescent Orb

A floating pearlescent sphere with a rim and a gloss. Bass pulses it, mids make it wobble.

Full screen

Hyperspace Tunnel

Radial stars and light streaks. The warp speeds up on the beat.

Full screen

Liquid Glass

A frosted glass panel with chromatic dispersion. Sound pulses the refraction.

Full screen

Hex Lattice

An isometric honeycomb grid, warm at the centre. Ripples run out across the hexagons.

Full screen

Phyllotaxis Bloom

Seeds on a golden-angle spiral. Sound pushes the orbits outward.

Full screen

Metaball Lens

Three liquid blobs with a specular rim. Their radii breathe with the sound.

Full screen

Ordered Dither

A 4x4 Bayer halftone in one colour. Sound ripples the threshold.

Full screen

Pixel Plate

Stepped mosaic tiles. Sound steps the tile colours.

Full screen

Harmonic Warp

Interfering sine ripples that displace one another with the harmonics.

Full screen

Hyper Torus

A wireframe slice of a rotating 4D torus. Ring frequency follows the sound.

Full screen

Spectrum Bars

Perspective equaliser bars with a floor reflection. Each bar follows a band of the sound.

Full screen

Kaleidoscope Mirror

An eight-fold mirrored crystal. Bass spins it, highs sharpen the facets.

Full screen

Neon Matrix

A synthwave perspective floor under a low sun. The sun swells with the bass.

Full screen

Audio Waveform

A circular oscilloscope ribbon ringed by spectrum bars.

Full screen

Fractal Flame

A recursive, folded flame. Sound drives the fold and the glow.

Full screen

Building with an AI agent? It can read the same list in llms.txt, or call the Python SDK and MCP server to make its own.