Animated React Backgrounds

Set the scene with gradients, particles and shaders.

• Pattern Waves

  A lit halftone surface of dots, lines, crosses or glyphs that moves like draped silk, rolling swells or ripples, with six presets, one-color theming and a cursor that sends ripples through it.

• Micro Slats

  A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four presets, a real fluid the cursor stirs and an intro that rolls in from the horizon.

• Shape Waves

  A WebGPU field of triangles, circles and squares that brighten and grow along rolling waves, with an optional text cutout the waves flow around.

• Aero Shards

  A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placements, and responsive pointer interactions.

• Ghost Fibers

  A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheric glow.

• CRT Warp

  Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.

• Molten Metal

  Swirling caustic plasma filaments with molten, white-hot cores.

• Gradient Waves

  Raymarched sine waves rolling toward a soft, hazy horizon.

• Web Threads

  Glowing sine threads woven through a luminous convergence point.

• Topography

  A living contour map with glowing, elevation-tinted lines.

• Light Tunnel

  A radial fibre-optic tunnel with light pulses racing into depth.

• Sliced Waves

  Waves of colored light sliced into glowing bars, seen in depth with a focus that follows the cursor.

• Acid Squares

  A crystalline corridor of stacked squares with rings of light travelling toward you.

• Scanner

  Calm interference bands sweeping across the screen like an oscilloscope.

• Ferrofluid

  A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.

• Lightfall

  Colorful light streaks raining down a glowing tunnel with a cursor light.

• Liquid Ether

  Interactive liquid shader with flowing distortion and customizable colors.

• Prism

  Rotating prism with configurable intensity, size, and colors.

• Dark Veil

  A silky veil of light that drifts in the dark and bends around the cursor.

• Light Pillar

  Vertical pillar of light with glow effects.

• Silk

  Smooth waves background with soft lighting.

• Floating Lines

  3D floating lines that react to cursor movement.

• Side Rays

  Animated light rays emanating from the side with customizable colors and speed.

• Light Rays

  Volumetric light rays/beams with customizable direction.

• Pixel Blast

  Exploding pixel particle bursts with optional liquid postprocessing.

• Color Bends

  Vibrant color bends with smooth flowing animation.

• Evil Eye

  Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.

• Line Waves

  Animated line wave pattern with colorful warped distortion.

• Radar

  A refined radar scope whose sweep leaves a phosphor afterglow and picks up moving contacts, flat or tilted into perspective.

• Soft Aurora

  Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.

• Aurora

  Flowing aurora gradient background.

• Plasma

  Folds of satin light twisting slowly through the dark, with bright highlights and a turn that follows the cursor.

• Plasma Wave

  Two ribbons of plasma curling through each other, with soft glow, white-hot cores and a cursor that stirs them.

• Particles

  Configurable particle system.

• Gradient Blinds

  Layered gradient blinds with spotlight and noise distortion.

• Grainient

  Grainy gradient swirls with soft wave distortion.

• Grid Scan

  Animated grid room 3D scan effect and cool interactions.

• Beams

  Crossing animated ribbons with customizable properties.

• Pixel Snow

  Crisp pixel-art snowflakes drifting down in layers of depth, with a soft glow, wind and a cursor that brushes them aside.

• Lightning

  Procedural lightning bolts with branching and glow flicker.

• Prismatic Burst

  Burst of light rays with controllable color, distortion, amount.

• Galaxy

  Parallax realistic starfield with pointer interactions.

• Dither

  Retro dithered noise shader background.

• Faulty Terminal

  Terminal CRT scanline squares effect with flicker + noise.

• Ripple Grid

  A grid that continuously animates with a ripple effect.

• Dot Field

  Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.

• Dot Grid

  Animated dot grid with cursor interactions.

• Threads

  Flowing threads that fray apart and part around the cursor, from fine silk to contour lines.

• Hyperspeed

  Night highway of glowing light trails on a winding road that warps into hyperspace while you hold.

• Iridescence

  Liquid iridescent surface with shifting folds that you can stir with the cursor.

• Waves

  Layered lines that form smooth wave patterns with animation.

• Grid Distortion

  Image background that breaks into a grid of blocks under the cursor and settles back into place.

• Ballpit

  Physics ball pit simulation with bouncing colorful spheres.

• Orb

  Floating energy orb with customizable hover effect.

• Letter Glitch

  Matrix style letter animation.

• Grid Motion

  A tilted wall of drifting tiles for photos, words or JSX that slides with the pointer and lights up where it rests.

• Shape Grid

  Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.

• Liquid Chrome

  Liquid metallic chrome shader with flowing reflective surface.

• Balatro

  The balatro shader, fully customizalbe and interactive.