158 templates · 10 live demos · 54 free
Animated website backgrounds.
Drop-in animated backgrounds for websites: GLSL shaders, mesh gradients with grain, fluid sims, particle fields and cinematic video-style loops built entirely in code.
Bell Field
Two Bessel-like modes drift across a bronze bell, rung by a shock ring
Constellation Field
85 drifting nodes link into a living pattern the moment they're close enough
Emerald Horizon
Two sine waves and 1D noise carve a glowing polar horizon from one quad
Flow Field
2,500 particles steered by 3D simplex noise leave long warm ribbons
Ribbon Field
Three Gaussian ribbons ride layered sines under a swept halftone dot grid
Semantic Bloom
Wandering particles cling to the words nearest them, drawing thought as a living diagram
Stream Convergence
Three rotated sine streams, one per RGB channel, crest into neon light
Structure Flow
15,000 points settle into a slow-turning dome, masked into a clean horizon
Topo Field
2D simplex noise sliced into ultra-thin contour lines that drift like living terrain
Warp Field
A three.js corridor of up to 1,200 additive streaks, streaming toward you at light speed
1-Bit Bayer Dither Field
Animated noise clouds rendered in pure black and cream through an 8x8 ordered dither
16mm Film Grain and Light Leaks
Turn any page into a warm film print: grain, gate weave, flicker and burnt light leaks
3D Node Lattice Pulses
A deep 3D lattice of nodes and edges where transaction pulses race along the links
Agent Swarm Background
Thousands of autonomous dots self-organise into logos, text and charts on scroll
Anamorphic Rain Night Drive
Slow-motion rain streaks through passing headlights that bloom into long blue anamorphic flares
ASCII Smoke Field
Rolling smoke rendered entirely in coloured monospace glyphs, dense to sparse
Aurora Curtain Shader
Green and violet aurora curtains ripple over a snowy ridge under a slow starry sky
Aurora Wave Background
A generative aurora shader that reacts to scroll velocity and pointer position
Bioluminescent Metaball Swarm
A generative, liquid-like swarm of glowing metaballs that merge and separate organically
Bioluminescent Metaball Swarm
A dark background with slowly merging and separating glowing metaballs
Black Hole Accretion Disc
A glowing accretion disc bends around a black hole through real-time gravitational lensing
Blurred Blobs and Grain
Three soft sunny orbs float behind heavy film grain, pure CSS and one SVG filter
Bouncy Toy Confetti
Chunky pastel shapes tumble down, bounce, pile up and get flicked around by the cursor
Braided Satin Ribbons
Three glossy 3D ribbons braid endlessly through space, lit like brushed satin
Breathing Petal Mandala
Layered SDF petals open and close in a 6-breaths-per-minute rhythm on warm sand
Breathing Radial Gradient
A soft peach glow that inhales and exhales on a 4-7-8 rhythm to calm the reader
Candlelight Bokeh Glow
Warm out-of-focus candle lights flicker and drift softly, pure CSS with no JavaScript
Carbon Fibre Light Sweep
A 2x2 twill carbon weave under clear coat, with a slow studio light sweeping across the tows
Caustic Reflection Pool
An undulating, light-refracting water surface casting shimmering caustics onto a solid floor.
Caustic Reflection Pool
A shimmering water surface with dynamic, refractive light caustics playing across it
Caustic Reflection Pool
Gently rippling water surface casts dynamic caustic light patterns onto the background
Caustic Ripple Field
Subtly shifting light caustics on a deep, reflective liquid surface
Cel-Shaded Fire Wall
Stylised three-tone flames lick up from the bottom edge with pixel-crisp cel bands
Cellular FBM Fields
Evolving organic patterns combining fractal noise with cellular automata logic
Champagne Silk Folds
Heavy satin ripples in slow motion with an anisotropic sheen that follows the light
CMYK Halftone Drift
Four rotated halftone screens print a drifting noise image with visible rosettes
Coastal Boids Flock
A flock of 400 seabirds wheels across a pale dawn sky using classic boids rules
Conic Spin Halo
A slow-spinning conic gradient halo behind a dark glass stage, CSS only
CRT Glitch Overlay
A retro CRT screen effect with scanlines, subtle barrel distortion, and occasional digital glitches.
CRT Glitch Overlay
A retro CRT monitor effect with dynamic scanlines, color bleed, and intermittent digital glitches
CSS Mesh Gradient Drift
Four pastel radial blobs orbiting on registered custom properties, zero JavaScript
Curl Noise Flowfield
Abstract, topographic lines flowing and swirling according to a curl noise vector field
Curl Noise Particle Nebula
Two hundred thousand GPU particles advected by curl noise into silky violet currents
Cursor-Chasing Gradient Orbs
Three soft colour orbs trail the pointer with springy lag over a calm clinic palette
Curving Ribbon Trail
Dynamic, flowing ribbons trace elegant, looping paths across the screen.
Curving Ribbon Trail
Elegant, flowing ribbons that weave and turn, leaving subtle, glowing trails on a minimalist background
Dawn Wireframe Terrain
An endless fbm mountain range drawn as fine pale wireframe drifting through morning fog
Deep Sea God Rays
Slow sun shafts pierce blue water while marine snow drifts down in slow motion
Questions
Are these video files?+
No — they're built in code (WebGL, canvas or CSS), so they're sharp at any resolution, tiny to download and fully customisable. Some recreate the look of cinematic footage: light leaks, film grain, time-lapses.
Can I put text on top?+
Yes. Every background includes a legibility scrim option and sits behind your content with pointer-events disabled.