ONONC

Backgrounds

Ambient, animated canvases to sit behind your content. GPU-friendly and they pause when off-screen.

Particles & stars

20
Customizable

Ballpit

Dark only
A pit of colorful balls under gravity that scatter away from the cursor.
canvasphysicsinteractive
Customizable

Embers

Dark only
Warm embers rise and flicker out into the dark.
canvas
Customizable

Warp Stars

Dark only
Stars streaking outward from the center like hyperspace.
canvas
Customizable

Bokeh

Dark only
Soft, out-of-focus orbs of colored light drifting by.
canvasambient
Customizable

Fireflies

Dark only
Glowing dots that wander and blink in the dark.
canvas
Customizable

Snowfall

Dark only
Depth-layered snow drifting gently downward.
canvas
Customizable

Metaballs

Dark only
Soft blobs of color drift and merge like a lava lamp.
canvasambient
Customizable

Orbiting Dots

Dark only
Concentric rings of dots orbiting a glowing core.
canvas
Customizable

Spiral Galaxy

Dark only
Spiral arms of stars rotating around a glowing core.
canvas
Customizable

Sparkles

Dark only
Twinkling points with a soft cross-flare glint.
canvas
Customizable

Confetti

Dark only
Colorful confetti fluttering down.
canvas
Customizable

Bubbles

Dark only
Wobbling bubbles drifting up with a glassy highlight.
canvas
Customizable

Plexus

Dark only
A rotating 3D node network connected by depth-faded lines.
canvas3D
Customizable

Ink Drops

Dark only
Ink blots blooming and fading on staggered timers.
canvas
Customizable

Boids

Dark only
A flocking swarm steering by separation, alignment, and cohesion.
canvas
Customizable

Fireworks

Dark only
Rockets burst into showers of falling sparks.
canvas
Customizable

Comets

Dark only
Comets arc across the sky with glowing curved tails.
canvas
Customizable

Particle Field

Dark only
Drifting particles that link to neighbors and the cursor.
canvasinteractive
Customizable

Dot Matrix

Dark only
A grid of dots that swell and brighten near the pointer.
canvasinteractive
Customizable

Starfield

Dark only
Twinkling stars drifting with subtle cursor parallax.
canvasparallax

Gradients & aurora

18
Customizable

Silk

Dark only
Flowing folds of satin catching the light as they drift.
canvasambient
Customizable

Aurora Ribbons

Dark only
Luminous ribbons of light weave and drift like the aurora.
canvasambient
Customizable

Smoke

Dark only
Soft fog drifting upward and slowly dissipating.
canvasambient
Customizable

Mesh Wave

Dark only
A tilted wireframe surface undulating in 3D.
canvas3D
Customizable

Caustics

Dark only
Rippling webs of light, like sun through water.
canvas
Customizable

God Rays

Dark only
Volumetric light shafts shimmering from a drifting source.
canvas
Customizable

Liquid Blob

Dark only
Organic blobs morphing and merging like liquid.
canvasambient
Customizable

Perlin Clouds

Dark only
Soft fractal clouds drifting and dissolving.
canvasambient
Customizable

Aurora Curtains

Dark only
Vertical curtains of light shimmering like the aurora.
canvasambient
Customizable

Aurora

Dark only
Soft gradient halos that drift like the northern lights.
CSSambient

Gradient Mesh

Dark only
A panning multi-point color mesh finished with fine grain.
CSSgrain
Customizable

Meteors

Dark only
Glowing meteors streaking diagonally on staggered timers.
CSS

Plasma

Dark only
Vivid blurred color fields panning while the hue rotates.
CSS
Customizable

Light Beams

Dark only
Vertical shafts of light, each breathing on its own cadence.
CSS
Customizable

Liquid Chrome

Dark only
A sheet of molten, mirror-bright metal that folds and drags beneath the cursor.
canvasinteractive
Customizable

Dither

Dark only
An animated plasma resolved into crisp retro bands through an ordered dither matrix.
canvasretro
Customizable

Light Rays

Dark only
Volumetric shafts of light streaming from an off-screen edge, fanning and swaying.
canvasinteractive
Customizable

Orb

Dark only
A living plasma sphere that brightens and hue-shifts toward the cursor.
canvasinteractive

Grids & geometry

13
Customizable

Squares

Dark only
An endlessly drifting grid of squares that lights up under the cursor.
canvasgridinteractive
Customizable

Grid Beams

Dark only
Pulses of light race along the lines of a faint grid.
canvasgrid
Customizable

Topographic Lines

Dark only
Contour lines that morph like a living topographic map.
canvas
Customizable

Hex Grid

Dark only
A honeycomb grid that lights up near the cursor.
canvasinteractive
Customizable

Halftone

Dark only
A halftone dot grid swelling with a moving wave.
canvas
Customizable

Cells

Dark only
Glowing Voronoi cell edges shifting as their seeds drift.
canvas
Customizable

Triangles

Dark only
A low-poly mesh shimmering with a moving wave.
canvas
Customizable

Kaleidoscope

Dark only
Orbiting petals mirrored into shifting radial symmetry.
canvas
Customizable

Pinwheel

Dark only
Rotating conic color sectors like a spinning pinwheel.
canvas
Customizable

Scanlines

Dark only
CRT scanlines with drifting chromatic glitch bands.
canvas
Customizable

Voronoi Fill

Dark only
Filled Voronoi regions drifting like stained glass.
canvas
Customizable

Flow Grid

Dark only
A tilted perspective grid scrolling toward the horizon.
CSS3D
Customizable

Spotlight Cursor

Dark only
A hidden dot grid revealed only inside a cursor spotlight.
pointermask

Fields & flow

9
Customizable

Ferrofluid

Dark only
A magnetic liquid-metal blob that grows spikes and reaches a tendril toward the cursor.
canvasmetaballsinteractive
Customizable

Flow Field

Dark only
Particles drift along an invisible flow field, leaving glowing trails.
canvasflow fieldinteractive
Customizable

Vortex

Dark only
Particles swirl around a drifting center that follows your cursor.
canvasinteractive
Customizable

DNA Helix

Dark only
A rotating double helix of paired strands and rungs.
canvas
Customizable

Neon Tunnel

Dark only
Concentric neon frames zooming outward like a tunnel.
canvas
Customizable

Magnetic Field

Dark only
Dipole field lines streaming between two orbiting poles.
canvas
Customizable

Tron Trails

Dark only
Heads race a grid, turning at right angles, leaving light trails.
canvas
Customizable

Flowing Lines

Dark only
Silk-like lines waving with layered motion and cursor pull.
canvasinteractive
Customizable

Strands

Dark only
A luminous bundle of threads that flow like windblown hair and part around the cursor.
canvasinteractive

Waves & pulses

6
Customizable

Wave Interference

Dark only
A dot field rippling from orbiting wave sources.
canvas
Customizable

Radar Sweep

Dark only
A rotating sweep lighting up blips over concentric rings.
canvas
Customizable

Equalizer

Dark only
Sine-driven bars rising and falling like a visualizer.
canvas
Customizable

Oscilloscope

Dark only
Glowing waveform lines sweeping across a scope grid.
canvas
Customizable

Waves

Dark only
Layered sine waves scrolling across the lower edge.
canvas
Customizable

Pulse Rings

Dark only
Concentric rings expanding outward like sonar.
CSS

Weather & code

6
Customizable

Letter Glitch

Dark only
A dense grid of monospace glyphs flickering through letters and colors.
canvascode
Customizable

Rain

Dark only
Angled rain streaks falling with a sense of depth.
canvas
Customizable

Lightning

Dark only
Branching bolts strike and fade with an electric glow.
canvas
Customizable

Data Stream

Dark only
Lanes of bright dashes streaming downward.
canvas
Customizable

Cloth Flag

Dark only
A flag-like mesh rippling and self-shading in the wind.
canvas3D
Customizable

Matrix Rain

Dark only
Columns of glyphs falling with glowing fading trails.
canvas