All collections · 171 templates · 23 live demos · 54 free
Animated website backgrounds.
Moving backgrounds you place behind your headline or hero section. Good for any site that needs life behind its text without a heavy video file.
Aurora Drift Shader
Ribbons of green and violet light ripple slowly across a night sky
Cobalt Swirl Shader
Deep cobalt paint swirls around a slow vortex with bright veins
Dot Tide Shader
A sea of halftone dots swells and shrinks like a passing tide
Driftglass Sea-Glass Background
Iridescent sea-glass shards drift in deep teal water light and scatter away from your cursor
Dusk Halftone Shader
Warm dusk colors drift through a field of printed halftone dots
Ember Swirl Shader
Glowing embers spiral around a hot core that leans toward the cursor
Glacier Flow Shader
Pale blue ice bands flow and bend like a slow glacier
Ink Mesh Shader
Midnight ink clouds fold over each other with thin streaks of light
Lava Bloom Shader
A molten flower of lava opens and breathes around the cursor
Mint Fog Shader
Soft mint fog drifts in layers over deep green
Peach Mesh Shader
Warm peach color blobs drift and blend on a cream ground
Solar Flame Shader
Tall flames of gold and orange rise from the bottom of the screen
Velvet Swirl Shader
Folds of deep red velvet turn slowly around a dark center
Semantic Bloom
Wandering particles cling to the words nearest them, drawing thought as a living diagram
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
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
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-organize 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
Aurora Wave Background
A generative aurora shader that reacts to scroll velocity and pointer position
Candlelight Bokeh Glow
Warm out-of-focus candle lights flicker and drift softly, pure CSS with no JavaScript
Carbon Fiber Light Sweep
A 2x2 twill carbon weave under clear coat, with a slow studio light sweeping across the tows
Dependency Force Mesh
A 3D force-directed graph of package dependencies that breathes with scroll and filters by ecosystem
Floating Pastel Primitives
Soft matte spheres, tori and pills bob in zero gravity with gentle shadows and clay lighting
Floating Soap Bubbles
Iridescent soap bubbles float, wobble and pop with a splash of droplets when touched
Flour Dust in a Sunbeam
Fine flour particles hang and swirl in slow motion inside a warm shaft of morning light
Flowing Terrazzo Resin
Marble chips in soft colored resin drift slowly, as if the floor were still being poured
Fourier Epicycle Drawing
Chains of spinning circles trace a hand-drawn shape, then dissolve and draw the next
Frosted Glass Bar Skyline
A skyline of frosted glass bars rises and settles like a living chart on a mirrored floor
Kinetic Swiss Grid
A strict 12-column grid of color blocks that reflows, resizes and snaps in rhythm
Live Query Flow Background
A force-directed graph of database nodes where edges pulse with real-time query latency
Long-Exposure Star Trails
Circular star trails wheel around the pole above a mountain ridge, like a night-long exposure
Mirror Ball Light Spots
Hundreds of reflected light spots sweep across a dark room from a slowly turning mirror ball
Morphing Houndstooth Weave
A classic houndstooth pattern breathes, scales and shifts colorways in pure CSS and SVG
Nebula Wormhole Passage
An endless tube of swirling nebula clouds and light rings pulls the reader through each chapter
Pixel Doom Fire
The classic heat-propagation pixel fire algorithm burning along the bottom of the page
Rising Data Streaks
Thousands of thin light streaks rise through a dark volume like packets leaving a data center
Risograph Two-Color Shapes
Fluorescent pink and teal riso shapes drift, overprint and misregister with ink grain
Slow-Motion Embers and Flares
Glowing embers drift upward in slow motion through smoke, catching anamorphic lens flares
Spinning Vinyl Grooves
A macro close-up of a spinning record: fine grooves, anisotropic light wedges and dust
Spotlight Dot Matrix Reveal
A dark dot matrix hides a giant word that the cursor's spotlight reveals as glowing dots
Questions
Are these video files?+
No. They are built in code (WebGL, canvas or CSS), so they stay sharp at any size, download quickly and can be recolored. Some recreate the look of cinematic footage: light leaks, film grain and 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.