584 templates · 24 live demos · 99 free
WebGL website templates.
Premium WebGL website templates and AI build prompts: GLSL shader heroes, GPU particles, glass, caustics and scroll-driven 3D. Live demos, free and Pro.
Live demoWebsite promptProAmber Flacon Perfume House
A glass perfume bottle turns in candlelight while its scent pyramid blooms note by note
Live demoWebsite promptProCaustic Pool Resort
A cliffside resort site that opens on sunlight dancing across the bottom of an infinity pool
Live demoWebsite promptProCeramic Glaze Turntable
A stoneware vase turns on a wheel while scroll fires it through three procedural glazes
Live demoWebsite promptProDepth-Map Architecture Portfolio
Building photographs gain real parallax depth from grayscale depth maps as the cursor moves
Live demoWebsite promptProDrone Swarm Flocking Site
Eight thousand GPGPU boids swarm across a dawn sky and assemble into formations on command
Live demoWebsite promptProInfinite Drag Photo Canvas
A photographer's archive as an endless 2D canvas of images that bulge with drag velocity
Live demoWebsite promptProLiquid Voice Receptionist
A raymarched liquid orb that speaks, listens and ripples with every syllable of a live call
Live demoWebsite promptProOcean Depth Descent
Scroll dives from sunlit surface to the hadal dark while fog, god rays and bioluminescence change
Live demoWebsite promptFreeScroll-Bent Image Planes
Editorial agency images become WebGL planes that bend and colour-split with scroll speed
Live demoWebsite promptFreeIridescent Voice Orb
Voice-AI landing page built around a living gradient orb
Live demoMotion backgroundFreeBell Field
Two Bessel-like modes drift across a bronze bell, rung by a shock ring
Live demoMotion componentFreeCRT
One WebGL pass bends, scans and blooms any 2D canvas into a humming tube
Live demoMotion backgroundFreeEmerald Horizon
Two sine waves and 1D noise carve a glowing polar horizon from one quad
Live demoMotion componentFreeEnergy Orb
A living sphere of fbm smoke with a fresnel rim, soft halo and drifting starfield
Live demoMotion componentFreeLaser
One shader, four beam geometries: blade, array, aperture and relay
Live demoMotion componentFreeLiquid Form
A raymarched chrome body reshaped every frame by three octaves of simplex noise
Live demoMotion componentFreeLiquid Metal Button
A dispersion shader turns a plain pill into poured, prismatic chrome
Live demoMotion componentFreeOrbital Sphere
15,000 Fibonacci-sphere points, sculpted by trigonometric noise, circled by six orbits
Live demoMotion componentFreePortal Field
Two warped ring SDFs glow into a private gate between systems
Live demoMotion backgroundFreeRibbon Field
Three Gaussian ribbons ride layered sines under a swept halftone dot grid
Live demoMotion backgroundFreeStream Convergence
Three rotated sine streams, one per RGB channel, crest into neon light
Live demoMotion backgroundFreeStructure Flow
15,000 points settle into a slow-turning dome, masked into a clean horizon
Live demoMotion backgroundFreeTopo Field
2D simplex noise sliced into ultra-thin contour lines that drift like living terrain
Live demoMotion backgroundFreeWarp Field
A three.js corridor of up to 1,200 additive streaks, streaming toward you at light speed
3D Project Constellation Agency
A scroll-driven camera flies through a starfield of project nodes connected by glowing Bezier curves
Action Cam Fisheye Ride Scrub
A mountain-bike descent scrubs through a live fisheye lens you can dial flat
Agent Graph Dashboard
A force‑directed graph of autonomous agents that rewire in real time
Agent Swarm Arena Website
A top-down arena where AI agents collaborate, negotiate, and solve tasks in real time
Album Release Vinyl Scratch
An album release site where a 3D vinyl record spins, scratches under your drag and cues each track
Alpine Snow Lodge
A mountain lodge site where snow falls through altitude chapters and ends at the fireplace
Alternative Asset Mosaic
A 3D mosaic of alternative assets that rebalances as you scroll through risk profiles
Americana Festival Riso Poster
A roots music festival site styled like a risograph gig poster, with misregistered ink layers that shift
AMM Curve DeFi Protocol
A glowing x·y=k curve bends in real time as you drag a swap across the pool
Aperture & Line Film Strip Portfolio
An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor
Apex Drone Flight Story
A dynamic website showcasing aerial capabilities with scroll-scrubbed video and interactive 3D
Architectural Walkthrough
A high-end real estate website featuring a scroll-driven 3D architectural walkthrough of a luxury home.
Arctic Rail Aurora Journey
A night-train travel site where the aurora ripples overhead as a train crosses a snowy route map
ASCII Techno Label
A techno label site where a rotating 3D bone sculpture is rendered live as shape-matched ASCII glyphs
Audio-Reactive Label Site
An independent record label whose hero orb breathes and spikes to the currently playing track
Audio-Reactive Particle Visualizer
A vibrant electronic music label site where hero particles dance to an embedded track's frequencies
Aurora Design Copilot
A living aurora background that reacts to design tokens and writes Tailwind configs
Aurora Model Gateway
An fbm aurora curtain shifts color as prompts are routed between language models
Aurora Over the Snowfield
Raymarched aurora curtains ripple above a snowy valley and a glowing cabin as snow drifts down
Basepoint Cash-Flow Canvas
A living watercolor of income streams that reacts to scroll
Bath Bomb Fizz Shop
A bath products shop where a bath bomb drops into water and blooms colour clouds as it fizzes
Blueprint Extrude Portfolio
Scroll drives a generative blueprint that extrudes into a 3D building model
Brutalist Glitch Streetwear
A brutalist streetwear drop site where every image enters through RGB-split slices and datamosh smears
Candlestick Scrub Investing
A candlestick chart draws itself as you scroll through a decade of compounding
Questions
What is a WebGL website template?+
A website whose signature visuals are rendered on the GPU with WebGL — shader backgrounds, particle fields, 3D objects — instead of static images. Each AnimatedWebs template ships as a detailed build prompt plus a live demo.
Will WebGL slow my site down?+
Every prompt includes a performance budget: DPR caps, pausing off-screen, reduced-motion fallbacks and a static fallback when WebGL isn't available.
Which tools can build these?+
Claude Code, Cursor, Codex, VS Code Copilot, v0, Lovable and Bolt — paste the prompt, or connect the AnimatedWebs MCP server so your agent fetches it directly.