// Shader packs // 5 backgrounds each // $20
// Shaders
Shader Pack 1: Cyberpunk Neon
Void Silk, Neon Ink, Liquid Glass, Glyph Lattice and Flux Field: five animated WebGL website backgrounds in a neon cyberpunk palette, each with HTML drop-in and Divi 5 versions.
animated backgroundcyberpunkfluidglassinteractiveneonparticlespurpleWebGL
$20.00
// Shaders
Shader Pack 2: Calm Motion
Aurora Veil, Halftone Tide, Coral Bloom, Ridgeline and Caustic Depths: five animated WebGL website backgrounds with calm, slow motion, each with HTML drop-in and Divi 5 versions.
ambientanimated backgroundauroracalmcausticscoralhalftoneminimalWebGL
$20.00
// Shaders
Shader Pack 3: Dark Sci-Fi
Monolith, Event Horizon, Tactical Sweep, Derelict Drift and Dark Limb: five animated WebGL website backgrounds with a dark sci-fi mood, each with HTML drop-in and Divi 5 versions.
animated backgroundblack holedarkmoodyplanetradarsci-fispaceWebGL
$20.00
// Shaders
Shader Pack 4: Cinematic
Storm Front, Rain Alley, God Rays, Ash & Embers and Fog Ocean: five animated WebGL website backgrounds with a shared cinematic film look, each with HTML drop-in and Divi 5 versions.
animated backgroundcinematicfilmfiremoodyoceanrainstormWebGL
$20.00
// Shaders
Shader Pack 5: Future Systems
Orbital Lattice, Prism Field, Signal Horizon, Core Pulse and Holo Grid: five animated WebGL website backgrounds built from light, geometry and atmosphere, each with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundcinematiccrystalfuturistichologramtechWebGL
$20.00
// Shaders
Shader Pack 6: Future Systems II
Gyroid Bloom, Field Lines, Light Volume, Continuum and Platonic: five animated WebGL website backgrounds built from light, geometry and atmosphere, each with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundcinematicfuturisticgeometrylightphysicsWebGL
$20.00
// Shaders
Shader Pack 7: Rural Abstract
Contour, Radial, Span, Lumen and Drift: five animated WebGL website backgrounds drawn from countryside rhythms, each with HTML drop-in and Divi 5 versions.
abstractanimated backgroundbokehcinematiccontourlinesorganicruralWebGL
$20.00
// Divi 5 ready // works without touching code
01
Divi 5 section
Import one file with Portability. The shader sits behind a normal Divi section with a heading, text and button you edit like any other module.
02
Code module fallback
If an import ever fails on your Divi version, paste the included file into a Code module. Same section, same result.
03
HTML drop-in
One script and one div for static sites, WordPress Custom HTML, Webflow or Squarespace embeds. No libraries, no build step.
- RunsPlain WebGL2No libraries, nothing to update
- Off-screenPausesStops drawing when scrolled out of view
- Hidden tabPausesStops when the tab isn't visible
- Reduced motionSlows right downRespects prefers-reduced-motion (or freeze, one setting)
- No WebGL2Static gradientA CSS gradient in the shader's colors
// Single backgrounds // $5 each
// Shaders
Void Silk – Animated WebGL Background
A midnight-purple mesh gradient that folds like satin, traced with thin chartreuse silk threads. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcyberpunkgradientmesh gradientneonpurplesatinsilkWebGL
$5.00
// Shaders
Neon Ink – Animated WebGL Background
Slow violet ink smoke with one small curl of chartreuse. Drag to stir, click to burst. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcyberpunkfluidinkinteractiveneonpurplesmokeWebGL
$5.00
// Shaders
Liquid Glass – Animated WebGL Background
Gooey glass metaballs float over a scrolling neon grid, bending it like lenses. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcyberpunkglassgridliquid glassmetaballsneonrefractionWebGL
$5.00
// Shaders
Glyph Lattice – Animated WebGL Background
A morphing cellular lattice drawn in ASCII characters or an 8x8 Bayer dither. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundasciicyberpunkditherglyphmatrixretroterminalWebGL
$5.00
// Shaders
Flux Field – Animated WebGL Background
65,536 particles stream through invisible currents, leaving glowing violet trails. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcurl noisecyberpunkflow fieldneonparticlespurpletrailsWebGL
$5.00
// Shaders
Aurora Veil – Animated WebGL Background
Slow aurora curtains over a still mirrored lake and quietly twinkling stars. Animated WebGL background with HTML drop-in and Divi 5 versions.
ambientanimated backgroundauroracalmlakenight skynorthern lightsstarsWebGL
$5.00
// Shaders
Halftone Tide – Animated WebGL Background
Drifting light fields printed as a hexagonal halftone, with a wandering tide line. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcalmdotshalftonehexagonminimalpatternprintWebGL
$5.00
// Shaders
Coral Bloom – Animated WebGL Background
A living chemical pattern that morphs between coral mazes and dividing cells. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcalmcellscoralgenerativeorganicpatternreaction diffusionWebGL
$5.00
// Shaders
Ridgeline – Animated WebGL Background
Fifty-six Unknown Pleasures-style ridgelines over terrain flowing toward the viewer. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcalmlinesminimalridgelineterrainunknown pleasureswaveformWebGL
$5.00
// Shaders
Caustic Depths – Animated WebGL Background
Underwater caustics on a violet sea floor, with soft light shafts and drifting motes. Animated WebGL background with HTML drop-in and Divi 5 versions.
ambientanimated backgroundcalmcausticslightoceanunderwaterwaterWebGL
$5.00
// Shaders
Monolith – Animated WebGL Background
A colossal hovering lens beyond an avenue of ribbed giants, backlit through low fog. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundarchitecturecinematicdarkfogmegastructuremonolithsci-fiWebGL
$5.00
// Shaders
Event Horizon – Animated WebGL Background
A slow black hole whose bent light wraps the accretion disk over and under its shadow. Animated WebGL background with HTML drop-in and Divi 5 versions.
accretion diskanimated backgroundblack holecosmicdarkgravitational lensingsci-fispaceWebGL
$5.00
// Shaders
Tactical Sweep – Animated WebGL Background
A long-range sci-fi radar with phosphor afterglow, terrain contours and drifting contacts. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgrounddarkfuihudinterfaceradarsci-fitacticalWebGL
$5.00
// Shaders
Derelict Drift – Animated WebGL Background
Drifting through dark dust past tumbling hull wreckage lit by a distant cold star. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgrounddarkderelictnebulasci-fispacevolumetricWebGLwreckage
$5.00
// Shaders
Dark Limb – Animated WebGL Background
Low orbit over a night-side world as a razor-thin atmosphere ignites at sunrise. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundatmospheredarkorbitplanetsci-fispacesunriseWebGL
$5.00
// Shaders
Storm Front – Animated WebGL Background
A slow push toward a towering supercell as lightning swells softly inside the cloud. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcinematiccloudslightningmoodystormvolumetricweatherWebGL
$5.00
// Shaders
Rain Alley – Animated WebGL Background
A slow dolly down a wet, narrow street to a backlit doorway and a waiting silhouette. Animated WebGL background with HTML drop-in and Divi 5 versions.
alleyanimated backgroundcinematiccitymoodynightnoirrainWebGL
$5.00
// Shaders
God Rays – Animated WebGL Background
Moonlight shafts through drifting dust at the end of a vast cathedral nave. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcathedralcinematicdustgod raysgothiclight shaftsmoodyWebGL
$5.00
// Shaders
Ash & Embers – Animated WebGL Background
A slow lateral drift through falling ash and rising embers over a burning horizon. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundapocalypticashbokehcinematicembersfiremoodyWebGL
$5.00
// Shaders
Fog Ocean – Animated WebGL Background
A low camera over a black sea in heavy fog while a distant lighthouse turns its beams. Animated WebGL background with HTML drop-in and Divi 5 versions.
animated backgroundcinematicfoglighthousemoodynightoceanseaWebGL
$5.00
// Shaders
Orbital Lattice – Animated WebGL Background
Nested bevelled metal rings turn on independent slow axes around a soft core of light. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundfuturisticmetalorbitringstechWebGL
$5.00
// Shaders
Prism Field – Animated WebGL Background
Faceted crystal shards drift above a glossy floor, dispersing light into chartreuse caustics. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundcrystalfuturisticglassprismrefractionWebGL
$5.00
// Shaders
Signal Horizon – Animated WebGL Background
Twisted ribbons of light fold through deep space with fine filaments and travelling pulses. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundflowingfuturisticlightribbonssignalspaceWebGL
$5.00
// Shaders
Core Pulse – Animated WebGL Background
A finned spherical megastructure turns around a breathing core, leaking volumetric shafts. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundcorefuturisticlight shaftsmegastructuresci-fiWebGL
$5.00
// Shaders
Holo Grid – Animated WebGL Background
Holographic grid planes hang at staggered depths, dissolving cell by cell into violet fog. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgrounddepth of fieldfuturisticgridholograminterfacetechWebGL
$5.00
// Shaders
Gyroid Bloom – Animated WebGL Background
A sphere of gyroid minimal surface, lit from inside, with light escaping through its channels. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundfuturisticglowgyroidlatticeorganicWebGL
$5.00
// Shaders
Field Lines – Animated WebGL Background
Magnetic dipole field lines loop pole to pole around a dark glass core. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundfuturisticglowlinesmagnetic fieldphysicsscienceWebGL
$5.00
// Shaders
Light Volume – Animated WebGL Background
Slabs of dark stone float inside a column of light, every gap becoming a blade of light. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundarchitecturallightminimalmonolithstonevolumetricWebGL
$5.00
// Shaders
Continuum – Animated WebGL Background
A single torus knot of polished dark metal with chartreuse pulses along a helical inlay. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundfuturisticloopmetalstudiotorus knotWebGL
$5.00
// Shaders
Platonic – Animated WebGL Background
A glass icosahedron holds its dual, a dodecahedron of light, seen through a real lens. Animated WebGL background with HTML drop-in and Divi 5 versions.
3dabstractanimated backgroundcrystalfuturisticgeometryglassplatonic solidWebGL
$5.00
// Shaders
Contour – Animated WebGL Background
Dark rolling relief lit only by its own isolines, with a slow survey pulse. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundcontourlinesminimalruralterraintopographyWebGL
$5.00
// Shaders
Radial – Animated WebGL Background
Scattered black-metal panels, each spun from one corner, answering an orbiting light. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundanisotropicindustrialmachinedmetalpanelsruralWebGL
$5.00
// Shaders
Span – Animated WebGL Background
Long sagging hairlines of light receding into warm, lit haze. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundduskhazelinesruralwarmWebGLwires
$5.00
// Shaders
Lumen – Animated WebGL Background
A slow volume of out-of-focus points of light breathing on and off. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundbokehdreamyfireflieslightsnightruralWebGL
$5.00
// Shaders
Drift – Animated WebGL Background
A nap of fine strokes with long waves of sheen rolling across it as gusts pass. Animated WebGL background with HTML drop-in and Divi 5 versions.
abstractanimated backgroundfibresgrainruralsheensoftWebGLwind
$5.00
// Agencies
Need a custom shader for a client?
Brand colors, a specific motion, or a full hero built in Divi 5. Tell me about the project.