# AnimatedWebs: full public catalog

> Every published AnimatedWebs template, style reference, tool, plan and partner site, as metadata only. Generated from the live catalog on 2026-10-17. Prompts, specs, source code, shaders and demo files are licensed and are not in this file. Licensing rules for agents: https://animatedwebs.com/llms.txt. Agent guide: https://animatedwebs.com/agents.md.

Published now: 1275 templates (586 website prompts, 392 section prompts, 158 motion backgrounds, 139 motion components), of which 365 are Free and 910 are Pro.

## Website prompts (586)

- [Blackwater Surf Wetsuit Brand](https://animatedwebs.com/templates/blackwater-surf-co): A surf brand site over a top-down loop of turquoise waves breaking on black sand. Ecommerce, Pro.
- [Bonbon Jelly Sweets Playground](https://animatedwebs.com/templates/bonbon-jelly-playground): Glossy jelly sweets you can drag, fling and shake, and they wobble when they land. 3D / WebGL, Pro.
- [Canopy Carbon Climate Platform](https://animatedwebs.com/templates/canopy-carbon-climate): A climate platform site over a drifting loop of mist on a rainforest at dawn. AI / SaaS, Pro.
- [Corsa Nera Electric Coupe Launch](https://animatedwebs.com/templates/corsa-nera-ev): An electric coupe launch with light racing down a tunnel past the car. Automotive, Pro.
- [Frostline Ice Melt Hero](https://animatedwebs.com/templates/frostline-ice-reveal): An outerwear hero where your cursor melts the ice off the jacket. 3D / WebGL, Pro.
- [Marginalia 3D Bookshelf Site](https://animatedwebs.com/templates/marginalia-bookshelf-3d): A publisher site built around a real-time 3D bookshelf: scroll the shelf, pull a book, open it. 3D / WebGL, Pro.
- [Mochi 3D Mascot App Site](https://animatedwebs.com/templates/mochi-beats-3d-mascot): A music-app site with a premium 3D mascot standing in front of a giant brand word, glass UI chips around it. 3D / WebGL, Pro.
- [Nocta Dive Watch Take-Apart](https://animatedwebs.com/templates/nocta-abyss-watch): A dive watch that comes apart on the scrollbar: bezel, dial, then the gold movement. 3D / WebGL, Pro.
- [Noctiluca Glowing Ocean Landing Page](https://animatedwebs.com/templates/noctiluca-ocean-data): A night sea that lights up wherever your cursor touches the water. 3D / WebGL, Pro.
- [Perigee Orbital Data Platform](https://animatedwebs.com/templates/perigee-orbital-data): A space-data platform site over a live view of the Earth at night from orbit. AI / SaaS, Pro.
- [Stillwater Meditation App](https://animatedwebs.com/templates/stillwater-meditation-app): A meditation app site over a quiet loop of mist drifting across a mountain lake. Health & Wellness, Pro.
- [Verdelle Silk Fashion House](https://animatedwebs.com/templates/verdelle-silk-atelier): A fashion house site where a sheet of emerald silk floats and ripples behind the type. Fashion & Luxury, Pro.
- [Abyssal Bio AI Discovery](https://animatedwebs.com/templates/abyssal-biotech): A biotech AI site: glowing deep-sea jellyfish drift behind giant type. AI / SaaS, Pro.
- [Aegis Cybersecurity Particle Scene](https://animatedwebs.com/templates/aegis-cybersecurity-scene): A cybersecurity site: a shield of glowing shards that becomes a sphere, a knot and a word. AI / SaaS, Pro.
- [Agent Swarm Force Graph](https://animatedwebs.com/templates/synaptiq-agent-force-graph): A 3D force graph of AI agents passing glowing tasks along their links. AI / SaaS, Pro.
- [AI Testing Video Website](https://animatedwebs.com/templates/ghostwire-laser-qa-scan): Code and data glow in the reflection of a tester's glasses behind huge, electric type. AI / SaaS, Pro.
- [Amber Flacon Perfume House](https://animatedwebs.com/templates/velmora-amber-flacon-site): A glass perfume bottle turns in candlelight while its scent pyramid blooms note by note. Fashion & Luxury, Pro.
- [Amethyst Expeditions Travel](https://animatedwebs.com/templates/amethyst-expeditions): An adventure travel site: a crystal cavern opens onto the sky under editorial type. Travel, Pro.
- [Apex Drone Flight Story](https://animatedwebs.com/templates/skydrift-apex-drone-flight-story): A dynamic website showcasing aerial capabilities with scroll-scrubbed video and interactive 3D. 3D / WebGL, Pro.
- [Arc Sedan Image-Sequence Launch](https://animatedwebs.com/templates/voltaire-arc-sequence-launch): A 240-frame canvas sequence spins an electric sedan through a pinned launch story. Automotive, Pro.
- [ASCII Monogram Dev Portfolio](https://animatedwebs.com/templates/kestrel-dev-ascii-monogram): A rotating 3D monogram rendered live as shape-matched ASCII glyphs in terminal green. Portfolio, Pro.
- [Atlas AI Agents Particle Scene](https://animatedwebs.com/templates/atlas-ai-agents-scene): An AI agents site: a galaxy of glowing shards that becomes a knot, a lightbulb and a word. AI / SaaS, Pro.
- [Atlas Marble Sculpture Exhibition](https://animatedwebs.com/templates/atlas-marble-shards): An exhibition site where a marble horse head bursts into floating shards as you scroll. Storytelling, Pro.
- [Aurora Lagoon Wellness Retreat](https://animatedwebs.com/templates/aurora-lagoon-retreat): A wellness retreat site: the northern lights ripple over a glacier lagoon. Health & Wellness, Pro.
- [Aurum Air Private Aviation](https://animatedwebs.com/templates/aurum-private-aviation): A cinematic private jet charter site: sunset from a plane window behind huge serif type. Travel, Pro.
- [Axon E-Drive Anatomy](https://animatedwebs.com/templates/axon-edrive-anatomy): An electric drive unit you can spin up, cut in half and take apart into labelled parts. 3D / WebGL, Pro.
- [Brimful Capacity Planner](https://animatedwebs.com/templates/brimful-capacity-planner): Drop the week into glass day columns, watch Thursday spill, then tap once to pour it where there is room. AI / SaaS, Pro.
- [Carbon Buoy Ocean Chapters](https://animatedwebs.com/templates/brinewell-buoy-ocean-chapters): A hand-drawn ocean line guides you through pinned chapters about capturing carbon at sea. Storytelling, Free.
- [Casa Lumbre Caustic Pool Resort](https://animatedwebs.com/templates/casa-lumbre-pool-caustics-resort): A cliffside resort site that opens on sunlight dancing across the bottom of an infinity pool. Food & Hospitality, Pro.
- [Ceramic Glaze Turntable](https://animatedwebs.com/templates/ashgrove-kiln-glaze-turntable): A stoneware vase turns on a wheel while scroll fires it through three procedural glazes. 3D / WebGL, Pro.
- [Chrome Capital Fintech Platform](https://animatedwebs.com/templates/chrome-capital-fintech): A fintech platform site: liquid chrome ribbons flow behind giant type. Fintech, Pro.
- [Code River Landing](https://animatedwebs.com/templates/zentek-code-river-landing): A live river of syntax-highlighted code flows behind huge type as AI suggestions glide through. AI / SaaS, Pro.
- [Command Palette Productivity](https://animatedwebs.com/templates/keyline-command-palette-home): A live Cmd+K palette types its own queries and filters results right in the hero. AI / SaaS, Free.
- [Curl-Noise Particle Lab](https://animatedwebs.com/templates/veyra-curl-particle-lab): A quarter-million GPGPU particles morph from wordmark to sphere to helix as you scroll. AI / SaaS, Pro.
- [Cutline Structural Studio](https://animatedwebs.com/templates/cutline-structural-studio): Saw through a cliff house with your cursor and find the frame, props and rebar that hold it up. Real Estate & Architecture, Pro.
- [Depth-Map Architecture Portfolio](https://animatedwebs.com/templates/brume-architects-depth-index): Building photographs gain real parallax depth from grayscale depth maps as the cursor moves. Portfolio, Pro.
- [Dotted Globe Logistics Site](https://animatedwebs.com/templates/portolan-dotted-globe-arcs): A 16,000-dot globe streams live shipment arcs between ports while the page tells the routing story. AI / SaaS, Pro.
- [Drone Swarm Flocking Site](https://animatedwebs.com/templates/aerolith-gpgpu-flock): Eight thousand GPGPU boids swarm across a dawn sky and assemble into formations on command. 3D / WebGL, Pro.
- [Dunehaven Desert Observatory Retreat](https://animatedwebs.com/templates/dunehaven-observatory): A desert retreat site where a sandstorm clears on scroll and the Milky Way appears. Travel, Pro.
- [Echo Audio Particle Scene](https://animatedwebs.com/templates/echo-audio-scene): A music and audio site: a particle sound wave that becomes a torus, a pulse and a word as you scroll. Music & Events, Pro.
- [EV Scroll Camera Journey](https://animatedwebs.com/templates/kavik-ev-camera-path): A scroll-scrubbed camera flies a spline around an electric car, stopping at each design detail. Automotive, Pro.
- [Flux Fintech Particle Scene](https://animatedwebs.com/templates/flux-fintech-scene): A fintech site: a particle wave field that folds into a torus, a knot and a word as you scroll. Fintech, Pro.
- [Gamut Field Colour Grading Suite](https://animatedwebs.com/templates/gamut-field-lut-grader): Watch a rainy street break into a cloud of colours, bend the curves, and leave with a LUT for your editor. AI / SaaS, Pro.
- [Hairline Kintsugi Mending Studio](https://animatedwebs.com/templates/hairline-kintsugi-studio): Nudge a bowl off a step, follow its forty-two day mend, then brush silver along every seam with your scroll. Ecommerce, Pro.
- [Halftone Print Magazine](https://animatedwebs.com/templates/marrow-quarterly-halftone-magazine): A quarterly culture magazine where cover photos resolve from CMYK halftone dots as you scroll. Editorial, Pro.
- [Halite Mineral Skincare](https://animatedwebs.com/templates/halite-mineral-skincare): Soft lilac aerial footage behind a frosted glass card for a mineral skincare brand. Health & Wellness, Pro.
- [Halo Headphones Exploded View](https://animatedwebs.com/templates/hollis-halo-exploded-headphones): Headphones float apart into fourteen machined parts as you scroll, then snap back together. Storytelling, Pro.
- [Helix Biotech Particle Scene](https://animatedwebs.com/templates/helix-biotech-scene): A biotech site: a living particle DNA helix that unravels into a cell, a pulse and a word as you scroll. 3D / WebGL, Pro.
- [Hogline Curling Lounge](https://animatedwebs.com/templates/hogline-curling-lounge): Pull back, let go and sweep. The stone curls the way you spun it, and the end is scored by the real rules. Food & Hospitality, Pro.
- [Holographic Metal Card](https://animatedwebs.com/templates/prisma-holo-card-studio): A premium steel payment card tilts toward your cursor with a live thin-film foil shader and flaring glints. Fintech, Pro.
- [Hypercar Reveal Website](https://animatedwebs.com/templates/vantor-paint-configurator): Headlights cut through the dark in a full-screen video hero with loud, oversized type. Automotive, Pro.
- [Hypercar Studio Floor Reveal](https://animatedwebs.com/templates/castellan-aurelian-gt-studio-reveal): A hypercar rolls out of darkness onto a mirror floor as light bars sweep its bodywork. Automotive, Pro.
- [Infinite Drag Photo Canvas](https://animatedwebs.com/templates/solenne-okafor-infinite-canvas): A photographer's archive as an endless 2D canvas of images that bulge with drag velocity. Portfolio, Pro.
- [Instanced City Data Twin](https://animatedwebs.com/templates/cinder-instanced-city): Four thousand instanced city blocks rise and glow with a 24-hour scrubbable data pulse. AI / SaaS, Pro.
- [Isometric Studio Portfolio](https://animatedwebs.com/templates/ottilie-brandt-isometric-room): An explorable isometric studio where every object on the desk opens a chapter of the portfolio. Portfolio, Pro.
- [Kavik GT-1 Photoreal Scroll Film](https://animatedwebs.com/templates/kavik-ev-photoreal-film): A photoreal electric car launch site: a studio push-in film that scrubs with your scroll. Automotive, Pro.
- [Keeper's Signal Lighthouse Trust](https://animatedwebs.com/templates/keepers-signal-lighthouse-trust): A live lighthouse beam flashes its true rhythm through fog you control, then asks you to keep it lit. Nonprofit, Pro.
- [Kelvane Grid Power for AI](https://animatedwebs.com/templates/kelvane-plasma-globe-grid): Touch a glass plasma globe and watch the arcs reach for your hand, then size the power your racks need. AI / SaaS, Pro.
- [Kernwold Heirloom Seed Bank](https://animatedwebs.com/templates/kernwold): Scroll one sleeping seed from a cold cellar drawer to its first root, then take a packet home to grow. Nonprofit, Pro.
- [Kestrel Cycling Sunglasses](https://animatedwebs.com/templates/kestrel-cycling-shades): A sunglasses launch where the rider fades to black and the glasses turn toward you as you scroll. Ecommerce, Pro.
- [Kumo Yuzu Tonic Drink Launch](https://animatedwebs.com/templates/kumo-yuzu-tonic): A drink launch where the camera slowly moves in on an ice-cold glass of yuzu tonic as you scroll. Food & Hospitality, Pro.
- [Lattica Mesh Wi-Fi](https://animatedwebs.com/templates/lattica-mesh-wave-interference): Tap to drop Wi-Fi nodes into a live ripple tank, watch their waves lock into the logo, then plan your own flat. Ecommerce, Pro.
- [Launchpad Startup Particle Scene](https://animatedwebs.com/templates/launchpad-startup-scene): A startup accelerator site: a rocket of glowing shards that becomes a galaxy, a planet and the word go. 3D / WebGL, Pro.
- [Ledger Lab Web3 Particle Scene](https://animatedwebs.com/templates/ledger-web3-scene): A web3 site: a particle torus that becomes a knot, a planet and a word as you scroll. Web3, Pro.
- [Liftband Ridge Paragliding School](https://animatedwebs.com/templates/liftband-ridge-paragliding): Fly a glider through living sea air, hear the vario sing in the lift, and run a flying day from dawn to dusk. Education, Pro.
- [Liquid Chrome Audio](https://animatedwebs.com/templates/aurel-liquid-chrome-audio): Raymarched mercury blobs merge, split and chase your cursor above a luxury headphone launch. Fashion & Luxury, Free.
- [Liquid Voice Receptionist](https://animatedwebs.com/templates/lumora-liquid-voice-orb): A raymarched liquid orb that speaks, listens and ripples with every syllable of a live call. AI / SaaS, Pro.
- [Lumen Caustic Pool Resort](https://animatedwebs.com/templates/lumen-caustic-pool-resort): A whole boutique resort page laid on a sunlit pool floor with live caustics that ripple under your cursor. Travel, Pro.
- [Lumen Glass Orchid Fragrance](https://animatedwebs.com/templates/lumen-glass-orchid): A fragrance launch where a blown-glass orchid opens petal by petal as you scroll. Fashion & Luxury, Pro.
- [Lysvakt Aurora Forecast Tours](https://animatedwebs.com/templates/lysvakt-aurora-forecast-tours): The sky on the page follows tonight's real aurora odds. Travel, Pro.
- [Mareld Tasting Counter](https://animatedwebs.com/templates/mareld-tasting-counter): Twelve stools on one basalt counter: read the menu by depth, then choose your seats on the real plan. Food & Hospitality, Pro.
- [Mirrorless Camera Aperture Chapters](https://animatedwebs.com/templates/fennick-x2-aperture-chapters): An iris of nine blades closes and opens to cut between chapters of a camera launch. Storytelling, Pro.
- [Noesis AI Research Brain](https://animatedwebs.com/templates/noesis-research-brain): An AI research site: a living constellation brain of 10,000 coloured shards that answers as you scroll. AI / SaaS, Pro.
- [Noesis Lightbulb Particle Scene](https://animatedwebs.com/templates/noesis-ideas-scene): An AI knowledge site: a lightbulb of glowing multicolour shards that morphs as you scroll. 3D / WebGL, Pro.
- [Nordloft Down Feather Jacket](https://animatedwebs.com/templates/nordloft-down-feather-hero): Blow the falling down plumes aside, then watch them settle into the jacket. Fashion & Luxury, Pro.
- [Ocean Depth Descent](https://animatedwebs.com/templates/fathom-depth-descent): Scroll dives from sunlit surface to the hadal dark while fog, god rays and bioluminescence change. 3D / WebGL, Pro.
- [Orbit Space Travel Particle Scene](https://animatedwebs.com/templates/orbit-space-travel-scene): A space travel site: a ringed planet of particles that becomes a galaxy, a star and a word as you scroll. 3D / WebGL, Pro.
- [Orbital Space Voyages](https://animatedwebs.com/templates/orbital-space-voyages): A cinematic space-travel site: an astronaut drifts over Earth behind huge serif type. Travel, Pro.
- [Orchid AI Creative Studio](https://animatedwebs.com/templates/orchid-ai-studio): An AI creative studio site: a living glass orchid blooms behind giant type. AI / SaaS, Pro.
- [Pocket Projector Beam Chapters](https://animatedwebs.com/templates/lanterna-moth-projector-beam): A pocket projector throws each chapter onto the wall inside a moving cone of light. Storytelling, Free.
- [Porcelain Silver Jewelry](https://animatedwebs.com/templates/porcelain-silver-jewelry): A fine jewelry site: an editorial silver-ring film behind refined serif type. Fashion & Luxury, Pro.
- [Pulse Healthcare Particle Scene](https://animatedwebs.com/templates/pulse-health-scene): A healthcare site: a heart of glowing particles that becomes a wave, a cell and a word. Health & Wellness, Pro.
- [Reaction-Diffusion Coral Lab](https://animatedwebs.com/templates/morrow-reaction-diffusion-lab): A live Gray-Scott simulation grows coral labyrinths across the page and the cursor plants new colonies. 3D / WebGL, Pro.
- [Relay AI Model Router Control Room](https://animatedwebs.com/templates/relay-decision-ring): A live control room where every AI job flies into a ring and is sent to the cheapest model that can do it. AI / SaaS, Pro.
- [Ridge Drone Canyon Video Scrub](https://animatedwebs.com/templates/talonfly-ridge-video-scrub-drone): Scroll flies an FPV drone through a canyon, frame-accurate, with a live altitude HUD. Storytelling, Pro.
- [Riposte Epee Salle](https://animatedwebs.com/templates/riposte-epee-salle): Scroll through one epee attack, then beat a moving coach in the footwork drill and book a trial bout. Education, Pro.
- [Rising Dough Bakery](https://animatedwebs.com/templates/loafwright-rising-dough): A neighbourhood bakery site where the hero loaf literally rises as the page loads. Food & Hospitality, Free.
- [Rocket Launch Website](https://animatedwebs.com/templates/orbitline-heron-ascent-story): Engines ignite full-screen behind massive type, then the mission unfolds in live telemetry. Storytelling, Pro.
- [Rootline Family History](https://animatedwebs.com/templates/rootline-fractal-family-tree): Start with you and scroll: a glowing family tree grows a generation at a time, and every leaf is an ancestor. Storytelling, Pro.
- [Runner Sole Layers 3D-2D-3D](https://animatedwebs.com/templates/loomstep-sole-layers-runner): A running shoe flattens into a technical diagram, then rebuilds itself as you scroll. Ecommerce, Pro.
- [Scroll-Bent Image Planes](https://animatedwebs.com/templates/linden-moor-dom-planes): Editorial agency images become WebGL planes that bend and colour-split with scroll speed. Agency, Free.
- [Seafennel Highball Bar](https://animatedwebs.com/templates/seafennel-highball-builder): Pick four bottles and watch a real highball pour, fizz and settle with its strength live. Food & Hospitality, Pro.
- [Showreel Through the Letters](https://animatedwebs.com/templates/sable-north-showreel-type): A motion designer's reel plays inside giant letterforms, then bursts to full screen on scroll. Portfolio, Pro.
- [Solène Yacht Charter](https://animatedwebs.com/templates/solene-yacht-charter): Night-harbour yacht footage, gold serif type and a cursor-reactive water hero. Travel, Pro.
- [Solstrand Ambient Beach Festival](https://animatedwebs.com/templates/solstrand-ambient-festival-fluid): Press to listen and the music paints the light-night sky over a northern beach, three stages, three colours. Music & Events, Pro.
- [Sparkling Can Parallax Shop](https://animatedwebs.com/templates/fizzwell-parallax-can-shop): A tilting can floats through layers of citrus and bubbles with a sticky add-to-cart. Ecommerce, Free.
- [Sticker Physics Branding Studio](https://animatedwebs.com/templates/oddfellow-works-sticker-physics): Case studies drop in as die-cut stickers you can grab, throw and pile up on a cream canvas. Agency, Pro.
- [Stride Nine Sneaker Drop Countdown](https://animatedwebs.com/templates/stride-nine-drop-countdown): A limited sneaker drop with a split-view 3D turntable, live countdown and raffle waitlist. Ecommerce, Pro.
- [Strix Snowy Owl Sanctuary](https://animatedwebs.com/templates/strix-snowy-owl): A winter sanctuary site where a snowy owl glides in and lands on the branch as you scroll. Travel, Pro.
- [Suna Raked Sand Day Spa](https://animatedwebs.com/templates/suna-raked-sand-spa): Drag your finger to rake real sand around the stones, then tap a stone to book. Health & Wellness, Pro.
- [Swaywool Pendulum Rug Studio](https://animatedwebs.com/templates/swaywool-pendulum-rug): Swing the pendulums and watch your own rug pattern tuft itself. Ecommerce, Pro.
- [Synapse Particle Scene](https://animatedwebs.com/templates/synapse-ai-scene): An AI knowledge platform site: 18,000 glowing shards morph from constellation to galaxy to word as you scroll. 3D / WebGL, Pro.
- [Synthwave Terrain Racer](https://animatedwebs.com/templates/starlane-synthwave-terrain): An endless neon wireframe landscape rushes toward a striped sunset for a retro racing game. Gaming & Entertainment, Free.
- [Tarnwing Floatplane Flights](https://animatedwebs.com/templates/tarnwing-floatplane-flights): Pull the covers off, pump the floats and start the radial yourself, then book your seats by weight. Travel, Pro.
- [Tidemark Coastal Flood Map](https://animatedwebs.com/templates/tidemark-flood-contour-risk): Lift the sea gauge and watch a contour map flood street by street, only where the water can really reach. AI / SaaS, Pro.
- [Tremulant Organ Recital Season](https://animatedwebs.com/templates/tremulant-organ-season): Switch on the wind, pull a stop and press a key, then follow the sound up through the case to the pipe. Music & Events, Pro.
- [Undertow Quarry Festival](https://animatedwebs.com/templates/undertow-quarry-festival): The rig lights up over black water, then you build your night, catch every clash and watch curfew land. Music & Events, Pro.
- [Veilwick Candle Atelier](https://animatedwebs.com/templates/veilwick-candle-atelier-light): One real flame lights the whole page. Ecommerce, Pro.
- [Verdant Climate Particle Scene](https://animatedwebs.com/templates/verdant-climate-scene): A climate and energy site: a particle wave field that becomes a planet, a torus and a word. 3D / WebGL, Pro.
- [Voltra Electric Superbike](https://animatedwebs.com/templates/voltra-electric-superbike): Neon-lit electric superbike launch with giant condensed type and a spec panel. Automotive, Pro.
- [Iridescent Voice Orb](https://animatedwebs.com/templates/iridescent-voice-orb): Voice-AI landing page built around a living gradient orb. AI / SaaS, Free.
- [3D Project Constellation Agency](https://animatedwebs.com/templates/orbit-studio-constellation-agency): A scroll-driven camera flies through a starfield of project nodes connected by glowing Bezier curves. Agency, Pro.
- [3D Spend Bars Finance](https://animatedwebs.com/templates/candor-spend-bars-3d): Extruded 3D bar charts morph between departments as an AI flags overspending. Fintech, Pro.
- [Action Cam Fisheye Ride Scrub](https://animatedwebs.com/templates/torrent-cam-t7-fisheye-scrub): A mountain-bike descent scrubs through a live fisheye lens you can dial flat. Storytelling, Pro.
- [Adventure Journey Map](https://animatedwebs.com/templates/terraflux-expeditions-journey-map): An adventure travel site with a scroll-driven map that draws a path, revealing destinations along the way.. Travel, Pro.
- [Aero Hypercar Dynamic Reveal](https://animatedwebs.com/templates/zephyr-aero-dynamic-reveal): A sleek electric hypercar's design and engineering are unveiled with cinematic camera moves. Automotive, Pro.
- [Aether Fold-Deploy Drone](https://animatedwebs.com/templates/aether-fold-deploy-drone): Witness a portable drone unfold from its compact form into flight-ready precision. Ecommerce, Pro.
- [Agent Flock on Paper](https://animatedwebs.com/templates/flockwise-boids-light): Thousands of ink-dark agent arrows flock across warm paper and swarm around each task. AI / SaaS, Pro.
- [Agent Graph Dashboard](https://animatedwebs.com/templates/luminix-agent-graph-dashboard): A force‑directed graph of autonomous agents that rewire in real time. AI / SaaS, Pro.
- [Agent Swarm Arena Website](https://animatedwebs.com/templates/cognito-agent-swarm-arena): A top-down arena where AI agents collaborate, negotiate, and solve tasks in real time. AI / SaaS, Pro.
- [AI Agent Orbit Constellation](https://animatedwebs.com/templates/starling-agent-orbit-constellation): Autonomous AI agents orbit a core as satellites, trading glowing task packets along their links. AI / SaaS, Pro.
- [Air Purifier Filter Particles](https://animatedwebs.com/templates/aeris-pure-filter-particle-story): Twenty thousand dust particles stream through three filter layers and come out clean. Storytelling, Pro.
- [Album Release Vinyl Scratch](https://animatedwebs.com/templates/velour-hymns-vinyl-scratch): An album release site where a 3D vinyl record spins, scratches under your drag and cues each track. Music & Events, Pro.
- [Alpine Snow Lodge](https://animatedwebs.com/templates/refugio-alto-alpine-snow-lodge): A mountain lodge site where snow falls through altitude chapters and ends at the fireplace. Food & Hospitality, Pro.
- [Alternative Asset Mosaic](https://animatedwebs.com/templates/altvault-alt-asset-mosaic): A 3D mosaic of alternative assets that rebalances as you scroll through risk profiles. Fintech, Pro.
- [Americana Festival Riso Poster](https://animatedwebs.com/templates/dustline-americana-riso-poster): A roots music festival site styled like a risograph gig poster, with misregistered ink layers that shift. Music & Events, Pro.
- [AMM Curve DeFi Protocol](https://animatedwebs.com/templates/lattix-amm-curve): A glowing x·y=k curve bends in real time as you drag a swap across the pool. Web3, Pro.
- [Anthology Series Channel Surf](https://animatedwebs.com/templates/night-shift-anthology-channel-surf): An anthology TV series site where you flip through episodes like channels on an old CRT television. Gaming & Entertainment, Pro.
- [Aperture & Line Film Strip Portfolio](https://animatedwebs.com/templates/aperture-line-film-strip-portfolio): An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor. Portfolio, Free.
- [Apex Amplifier Engineering Reveal](https://animatedwebs.com/templates/sonuscore-apex-amplifier-reveal): A precise, scroll-driven exploration of an audio amplifier's internal architecture and sound. Ecommerce, Pro.
- [Apex Flux Sneaker Drop Countdown](https://animatedwebs.com/templates/apex-flux-sneaker-drop): A high-energy sneaker drop site with a dynamic 3D shoe, countdown and queue system. Ecommerce, Free.
- [AR Glasses First-Person HUD](https://animatedwebs.com/templates/glint-ar-glasses-pov-hud): Scroll walks you through a city in first person while AR overlays pop into view. Storytelling, Pro.
- [Architectural Model Showcase](https://animatedwebs.com/templates/solara-arch-model-showcase): An explorable 3D architectural model with dynamic daylight and material toggles. Real Estate & Architecture, Pro.
- [Architectural Walkthrough](https://animatedwebs.com/templates/lumiere-spaces-architectural-walkthrough): A high-end real estate website featuring a scroll-driven 3D architectural walkthrough of a luxury home.. Real Estate & Architecture, Pro.
- [Architecture Journal 3D Grid](https://animatedwebs.com/templates/corbel-journal-staggered-grid): An architecture and design journal whose image grids fold and tilt in 3D perspective as they scroll. Editorial, Pro.
- [Architecture Section-Cut Agency](https://animatedwebs.com/templates/mercer-hale-section-cut): A clay-white building is sliced open by a moving section plane to reveal its rooms as you scroll. Agency, Pro.
- [Arctic Rail Aurora Journey](https://animatedwebs.com/templates/borealis-line-aurora-rail): A night-train travel site where the aurora ripples overhead as a train crosses a snowy route map. Travel, Pro.
- [ASCII Bust Dev Portfolio](https://animatedwebs.com/templates/kerfline-ascii-bust): A rotating 3D marble bust rendered live as shape-aware ASCII for a creative developer. Portfolio, Free.
- [ASCII Techno Label](https://animatedwebs.com/templates/ossuary-sound-ascii-label): A techno label site where a rotating 3D bone sculpture is rendered live as shape-matched ASCII glyphs. Music & Events, Pro.
- [Audio-Reactive Label Site](https://animatedwebs.com/templates/hollowtide-records-audio-orb): An independent record label whose hero orb breathes and spikes to the currently playing track. Music & Events, Pro.
- [Audio-Reactive Particle Visualizer](https://animatedwebs.com/templates/aurasynth-collective-audio-particles): A vibrant electronic music label site where hero particles dance to an embedded track's frequencies. Music & Events, Pro.
- [Aurora Design Copilot](https://animatedwebs.com/templates/luminara-aurora-design-copilot): A living aurora background that reacts to design tokens and writes Tailwind configs. AI / SaaS, Pro.
- [Aurora Model Gateway](https://animatedwebs.com/templates/auralis-model-router-aurora): An fbm aurora curtain shifts color as prompts are routed between language models. AI / SaaS, Pro.
- [Aurora Over the Snowfield](https://animatedwebs.com/templates/kaamos-aurora-snowfield): Raymarched aurora curtains ripple above a snowy valley and a glowing cabin as snow drifts down. 3D / WebGL, Free.
- [Autonomous Shuttle Lidar City](https://animatedwebs.com/templates/meander-glide-lidar-city-drive): Scroll drives a driverless shuttle through a city made entirely of lidar points. Automotive, Pro.
- [Axiom Kinetic Type Case Index](https://animatedwebs.com/templates/studio-axiom-kinetic-index): Variable font headlines dance to scroll velocity, revealing case studies on a infinite canvas. Agency, Pro.
- [Basepoint Cash-Flow Canvas](https://animatedwebs.com/templates/basepoint-cashflow-canvas): A living watercolor of income streams that reacts to scroll. Fintech, Pro.
- [Bath Bomb Fizz Shop](https://animatedwebs.com/templates/soak-society-bath-bomb-fizz): A bath products shop where a bath bomb drops into water and blooms colour clouds as it fizzes. Ecommerce, Pro.
- [Battery Recycling Rotating Wheel](https://animatedwebs.com/templates/circuit-loop-battery-recycling-wheel): A pinned circular diagram turns through six stages of battery recycling as you scroll. Storytelling, Pro.
- [Blueprint Extrude Portfolio](https://animatedwebs.com/templates/cadre-studio-blueprint-extrude): Scroll drives a generative blueprint that extrudes into a 3D building model. Real Estate & Architecture, Pro.
- [Blueprint Line-Draw Studio](https://animatedwebs.com/templates/atelier-voss-blueprint-draw): Architectural drawings sketch themselves in white line on blueprint blue as you scroll. Real Estate & Architecture, Pro.
- [Botanical Orbit Gin Distillery](https://animatedwebs.com/templates/gorsehead-gin-botanical-orbit): A gin distillery site where eleven botanicals orbit inside a glass and distil into a single drop. Food & Hospitality, Pro.
- [Brutalist Concrete Type Studio](https://animatedwebs.com/templates/kovac-brutalist-type): Massive concrete-textured type and raw grids for an uncompromising architecture practice. Real Estate & Architecture, Free.
- [Brutalist Glitch Streetwear](https://animatedwebs.com/templates/nullform-rgb-split-streetwear): A brutalist streetwear drop site where every image enters through RGB-split slices and datamosh smears. Fashion & Luxury, Pro.
- [Cadence Kinetic Type Case Index](https://animatedwebs.com/templates/studio-cadence-kinetic-index): Variable font headlines dance to scroll velocity, revealing case studies in a rhythmic grid. Agency, Pro.
- [Candlestick Scrub Investing](https://animatedwebs.com/templates/parallax-capital-candle-scrub): A candlestick chart draws itself as you scroll through a decade of compounding. Fintech, Pro.
- [Carbon-Negative Home Tour](https://animatedwebs.com/templates/ecohaven-carbon-negative-tour): Explore a living 3D home where energy flows, solar harvest, and battery state animate in real time. Real Estate & Architecture, Pro.
- [Cashmere Knit Store](https://animatedwebs.com/templates/tessile-knit-cashmere-store): A slow-fashion knitwear shop where sections knit themselves together row by row. Fashion & Luxury, Free.
- [Chromatic Brand Explorer](https://animatedwebs.com/templates/iris-collective-chromatic-brand-explorer): A dispersive lens splits a white beam into a live brand palette, each hue a gateway to a case study. Agency, Pro.
- [Chromatic Infinite Gallery](https://animatedwebs.com/templates/chroma-frame-chromatic-gallery): A branding agency site with an infinite WebGL gallery where images distort like chromatic aberration on scroll. Agency, Pro.
- [Cinder & Drift Particle Portfolio](https://animatedwebs.com/templates/cinder-drift-particle-portfolio): A GPU particle cloud forms shifting skill words, attracted by a custom ember cursor. Portfolio, Pro.
- [Cinema Drone Takeoff Sequence](https://animatedwebs.com/templates/aquila-condor-8k-takeoff-sequence): A 150-frame takeoff sequence unfolds the arms, spins up props and lifts into a gimbal HUD. Storytelling, Pro.
- [Cinematic Preloader & Showreel Hero](https://animatedwebs.com/templates/celluloid-collective-cinematic-preloader): A film-strip preloader unfurls into a full-bleed showreel with WebGL film grain and vignette. Agency, Pro.
- [Civic Ledger Bond Pulse](https://animatedwebs.com/templates/civic-ledger-bond-pulse): A live 3D globe of municipal bond issuance and trading activity. Fintech, Free.
- [Clay Morph Branding Agency](https://animatedwebs.com/templates/kiln-brand-clay-morph): A glossy clay blob morphs between client logomarks as the case studies scroll past. Agency, Pro.
- [Cloth Pillow Bedding Store](https://animatedwebs.com/templates/duvessa-cloth-pillow-bedding): A bedding shop where the hero pillow dents, wrinkles and slowly recovers under your cursor. Ecommerce, Pro.
- [Cloth Simulation Project Grid](https://animatedwebs.com/templates/papier-studio-cloth-grid): A breeze-reactive cloth mesh reveals case studies as the cursor fans across it. Agency, Pro.
- [Coastal Map Journey](https://animatedwebs.com/templates/vela-coast-map-journey): A tourism board site where a hand-drawn coastal route draws itself as you scroll from town to town. Travel, Pro.
- [Code City Hero](https://animatedwebs.com/templates/lintera-code-city-hero): A 3D cityscape where buildings are files and traffic is git activity. AI / SaaS, Pro.
- [Code Dependency Graph Hero](https://animatedwebs.com/templates/nexaflow-code-graph): A living force-directed graph of your repo that rewires on scroll. AI / SaaS, Pro.
- [Coding Bootcamp Branch Graph](https://animatedwebs.com/templates/forkline-bootcamp-branch-graph): A coding bootcamp site where a git-style branch graph draws each learner's path like a transit map. Education, Pro.
- [Companion Robot Eyes and Chapters](https://animatedwebs.com/templates/kindbot-mote-companion-robot): A round companion robot follows your cursor with its eyes and rolls through a day at home. Storytelling, Pro.
- [Constellation Dashboard Hero](https://animatedwebs.com/templates/celestia-finance-constellation-dashboard): A living galaxy of accounts orbits the cursor, revealing balances on hover. Fintech, Pro.
- [Constellation Governance Explorer](https://animatedwebs.com/templates/nebula-chain-constellation-governance): A living star map where each holder is a star and proposals draw constellations between them. Web3, Pro.
- [Construction Timeline Tower](https://animatedwebs.com/templates/spark-estates-construction-timeline): Scroll builds a 38-story tower floor-by-floor, revealing unit availability and amenity milestones. Real Estate & Architecture, Pro.
- [Copper Cookware Thermal View](https://animatedwebs.com/templates/ardoise-copper-pan-thermal): A cookware shop where a thermal-camera toggle shows heat spreading evenly across a copper pan. Ecommerce, Pro.
- [Cosine Blob Copywriter](https://animatedwebs.com/templates/pollen-cosine-blobs): Squishy noise-deformed blobs in cosine-palette colors that react to every keystroke. AI / SaaS, Pro.
- [Course Cylinder Carousel](https://animatedwebs.com/templates/atlas-of-minds-course-cylinder): An online learning platform where courses orbit on a 3D cylinder that rotates with scroll. Education, Pro.
- [Couture Embroidery House](https://animatedwebs.com/templates/brodeuse-ivoire-embroidery-stitch): A couture embroidery atelier where satin stitches embroider a floral motif across the page. Fashion & Luxury, Pro.
- [Cozy Game Isometric Diorama](https://animatedwebs.com/templates/kettlewood-hollow-iso-diorama): A cozy farming game site built around a pure-CSS isometric diorama that changes with the seasons. Gaming & Entertainment, Free.
- [Credit Limit Dial](https://animatedwebs.com/templates/rivet-credit-limit-dial): A machined dial spins up your business credit limit with tactile clicks and glow. Fintech, Pro.
- [Croissant Lamination Layers](https://animatedwebs.com/templates/feuille-boulangerie-lamination-layers): A boulangerie site where scrolling peels a croissant apart into its 27 buttery layers. Food & Hospitality, Pro.
- [Curl Noise Contact Sphere](https://animatedwebs.com/templates/warmlead-crm-curl-sphere): Every customer is a particle in a curl-noise sphere that splits into live segments. AI / SaaS, Pro.
- [Curl-Noise Particle Studio](https://animatedwebs.com/templates/gossamer-labs-curl-logo): 200k GPU particles hold the studio logo, then drift on curl noise into project thumbnails. Agency, Pro.
- [Cursor Glow Form Builder](https://animatedwebs.com/templates/beacon-forms-cursor-glow): A friendly form builder where fields assemble themselves and cards glow under your cursor. AI / SaaS, Free.
- [Cycling Tours GPX Route Draw](https://animatedwebs.com/templates/rouleur-routes-gpx-draw): A cycling holiday site where each tour's GPX route draws on a relief map with a live elevation chart. Travel, Pro.
- [Cymatics Sand Speaker Site](https://animatedwebs.com/templates/chladni-cymatics-speaker): Twenty thousand grains of sand dance into Chladni patterns on a vibrating plate as the tone changes. 3D / WebGL, Pro.
- [Damascus Knife Forge](https://animatedwebs.com/templates/hamon-blades-damascus-knife): A knife maker's site where damascus steel patterns flow like water along a turning blade. Ecommerce, Pro.
- [Data City Hero](https://animatedwebs.com/templates/ascendflow-data-city-hero): A financial platform hero visualizing data as an animated, rising 3D city skyline. Fintech, Free.
- [Data Pipeline Ribbons](https://animatedwebs.com/templates/driftline-data-ribbons): Glowing tube ribbons carry data packets from sources to warehouse through a dark void. AI / SaaS, Pro.
- [Datamosh 3D Scene Portfolio](https://animatedwebs.com/templates/ilya-sorensen-datamosh-portfolio): Projects are 3D scenes that bleed into each other through real-time datamosh transitions. Portfolio, Pro.
- [Datamosh Game Launch](https://animatedwebs.com/templates/rift-parade-datamosh-trailer): A game launch site where trailer cuts melt into each other through real-time datamosh transitions. Gaming & Entertainment, Pro.
- [Dawn Gradient Data Warehouse](https://animatedwebs.com/templates/daybreak-warehouse-dawn): Scroll from night to sunrise as a data warehouse wakes up and answers the day's questions. AI / SaaS, Pro.
- [Day-to-Night Interior Lighting](https://animatedwebs.com/templates/daylume-day-night-room): One room glides from sunrise to candlelight as you scroll, lamps warming one by one. Real Estate & Architecture, Pro.
- [Desert Dune Resort](https://animatedwebs.com/templates/qasr-rimal-desert-dune-resort): A desert resort site with shimmering heat haze over dunes by day and a slow star wheel by night. Food & Hospitality, Pro.
- [Desert Expedition Heat Haze](https://animatedwebs.com/templates/saltpan-expeditions-heat-haze): A desert adventure site where dunes shimmer under a heat-haze shader and a sun dial tracks the trip. Travel, Pro.
- [Direct Air Capture Molecules](https://animatedwebs.com/templates/stillair-carbon-capture-molecules): Instanced CO₂ molecules drift into a fan wall and are locked away as you scroll. Storytelling, Pro.
- [Distorted Mesh Studio Showcase](https://animatedwebs.com/templates/void-nexus-distorted-mesh): A game studio portfolio site with an ethereal, distorted mesh hero revealing game titles.. Gaming & Entertainment, Pro.
- [Dotted Globe Edge Network](https://animatedwebs.com/templates/meshpoint-edge-dot-globe): A dotted globe spins with glowing arcs as requests hop across 300 edge locations. AI / SaaS, Pro.
- [Draggable Sphere Project Index](https://animatedwebs.com/templates/tomas-arriaga-sphere-index): Hundreds of project thumbnails line the inside of a sphere you drag to explore. Portfolio, Free.
- [Drone Flight Path & Obstacle Avoidance](https://animatedwebs.com/templates/skyedynamics-drone-flight-path): A drone navigates a dynamic 2D map, illustrating its autonomous flight capabilities with data overlays.. 3D / WebGL, Pro.
- [Dry-Aged Butcher Shop](https://animatedwebs.com/templates/cure-cleaver-marbling-butcher): A craft butcher's site where steak marbling is generated live and dry-ageing darkens the cut day by day. Food & Hospitality, Pro.
- [E-Bike City Ride Parallax](https://animatedwebs.com/templates/pedalis-city-ride-parallax): A commuter e-bike stays centred while a five-layer city scrolls past sideways. Automotive, Free.
- [E-Reader Ink Refresh Chapters](https://animatedwebs.com/templates/leafwell-eink-refresh-chapters): Every chapter change flashes black and white like a real e-ink page refresh. Storytelling, Free.
- [Earth Observation Satellite Orbit](https://animatedwebs.com/templates/parhelion-satellite-orbit-scroll): A satellite unfolds its solar wings and sweeps a scanning swath across a night-lit globe. 3D / WebGL, Pro.
- [Electric Boat Fjord Wake](https://animatedwebs.com/templates/nordvik-fjord-electric-boat): An electric day boat carves a glassy fjord while pinned drone footage scrubs between chapters. Automotive, Pro.
- [Electric Motorcycle Ride Scrub](https://animatedwebs.com/templates/brakk-strix-motorcycle-ride-scrub): A night ride on an electric superbike, scrubbed frame by frame with a live lean-angle gauge. Automotive, Pro.
- [Electric SUV Four Seasons Wipe](https://animatedwebs.com/templates/aldmark-vale-seasons-wipe): The SUV stays put while spring, summer, autumn and winter wipe across behind it. Automotive, Free.
- [Energy Drink Can Dive](https://animatedwebs.com/templates/zapfen-volt-can-dive): The camera dives through the can's tab opening into a neon liquid world. Ecommerce, Pro.
- [Esports League 3D Bracket](https://animatedwebs.com/templates/crownfall-league-3d-bracket): An esports championship site where the playoff bracket is a glowing 3D structure that lights up match by match. Gaming & Entertainment, Pro.
- [Esports League Glitch Hero](https://animatedwebs.com/templates/apex-reapers-glitch-league): A competitive gaming league website with a glitching video hero and dynamic team showcases.. Gaming & Entertainment, Pro.
- [Esports Team Foil Roster](https://animatedwebs.com/templates/wolfpine-esports-foil-roster): An esports team site where player cards are holographic foil collectibles that shift with the cursor. Gaming & Entertainment, Pro.
- [Espresso Machine Pressure Pour](https://animatedwebs.com/templates/vapore-crema-one-pressure-pour): A pressure gauge climbs to nine bar as a scrubbed espresso shot pours in slow motion. Ecommerce, Pro.
- [Espresso Machine Pressure Story](https://animatedwebs.com/templates/bruvia-espresso-pressure-gauge): A home espresso machine opens up while its pressure gauge needle drives the whole scroll. Ecommerce, Pro.
- [Ethereal Blueprint Brand Agency](https://animatedwebs.com/templates/ethereal-blueprint-brand-agency): A scroll-driven WebGL grid of case studies that distorts like a blueprint under a magnifying glass. Agency, Pro.
- [EV Drive Journey](https://animatedwebs.com/templates/axiom-drive-journey-ev): A cinematic drive through changing environments, showcasing an EV in real-time 3D.. Automotive, Pro.
- [EV Truck Dynamic Environment Journey](https://animatedwebs.com/templates/terralux-nomad-ev-journey): An electric truck transitions from rugged off-road to sleek urban environments as you scroll. Automotive, Pro.
- [Exploded AI Chip Stack](https://animatedwebs.com/templates/tessin-exploded-chip-stack): An AI accelerator package explodes layer by layer, from heat spreader to silicon, as you scroll. AI / SaaS, Pro.
- [Explorable Car Showroom](https://animatedwebs.com/templates/zenith-motors-showroom-walkthrough): A luxurious car brand website with a scroll-driven 3D showroom walkthrough of its flagship electric vehicle.. Automotive, Pro.
- [Explorable Museum Rooms](https://animatedwebs.com/templates/sundial-archive-museum-rooms): Walk a moonlit neoclassical gallery where doorways are portals into each collection. 3D / WebGL, Pro.
- [Fabric Distortion Lookbook](https://animatedwebs.com/templates/kinetic-drape-lookbook): An avant-garde fashion lookbook where images warp and distort like flowing fabric on scroll. Fashion & Luxury, Pro.
- [Fantasy RPG Camera Flyover](https://animatedwebs.com/templates/ironmoss-rpg-camera-flyover): A fantasy RPG launch site where a keyframed camera flies over a procedural realm as you scroll. Gaming & Entertainment, Pro.
- [Feature Flag Flicker Grid](https://animatedwebs.com/templates/stackmint-flag-flicker-grid): A flickering grid of toggles where every square is a feature rolling out to real users. AI / SaaS, Free.
- [Ferrofluid Sculpture Site](https://animatedwebs.com/templates/magnetite-ferrofluid-sculpture): A pool of ferrofluid rises into spiky crowns that chase a magnet held by your cursor. 3D / WebGL, Pro.
- [Festival Isometric Site Map](https://animatedwebs.com/templates/tessellate-festival-iso-grounds): An electronic festival site with an isometric 3D map of the grounds that lights up stage by stage. Music & Events, Pro.
- [Fiber-Optic Bundle Network Site](https://animatedwebs.com/templates/spindle-fiber-optic-bundle): Twelve thousand fibre strands sweep across the screen carrying pulses of light between continents. AI / SaaS, Pro.
- [Film Camera Strip Track](https://animatedwebs.com/templates/silverhalide-model-35-film-strip): A 35mm film strip scrolls sideways, each frame developing from negative to print. Storytelling, Free.
- [Film Strip Grid Portfolio](https://animatedwebs.com/templates/halide-photo-film-strip-grid): An infinite masonry of film-strip thumbnails with WebGL light-leak distortion on hover. Portfolio, Pro.
- [Firefly Forest Indie Studio](https://animatedwebs.com/templates/glowmire-games-firefly-forest): An indie studio site where thousands of GPU fireflies swarm through a dark forest and flee your cursor. Gaming & Entertainment, Pro.
- [Firefly Treehouse Lodge](https://animatedwebs.com/templates/canopia-lodge-firefly-treehouse): An eco-lodge site where you rise through a rainforest canopy and fireflies light up the night. Food & Hospitality, Pro.
- [Flip-Morph Bento Portfolio](https://animatedwebs.com/templates/plinth-product-flip-bento): A product designer's case studies rearrange from bento to columns to full-bleed as you scroll. Portfolio, Free.
- [Fluid Simulation Case Explorer](https://animatedwebs.com/templates/aqualogic-fluid-case-explorer): A real-time Navier-Stokes fluid field distorts project cards as you scroll, cursor injects dye and velocity. Portfolio, Pro.
- [Fold Phone Hinge Story](https://animatedwebs.com/templates/crease-fold-phone-hinge): A foldable phone opens along its hinge as you scroll and the inner screen becomes the page. Storytelling, Pro.
- [Force-Directed Project Graph](https://animatedwebs.com/templates/node-link-research-graph): A living node graph of project connections that reorganizes on filter with spring physics. Agency, Pro.
- [Frameforge Showreel Hero](https://animatedwebs.com/templates/frameforge-showreel-hero): A cinematic full-screen video hero with frame-accurate scroll scrubbing and kinetic type overlays. Agency, Pro.
- [Freelance Cashflow Dashboard Site](https://animatedwebs.com/templates/coinflow-freelance-cashflow-site): Scroll drives a 3D income river that splits into tax, savings, and spend deltas. Fintech, Pro.
- [Galaxy With Black Hole Lensing](https://animatedwebs.com/templates/umbriel-galaxy-lensing): A 180k-star spiral galaxy wheels around a black hole that bends the starlight behind it. 3D / WebGL, Pro.
- [Game Console Boot and Controller Burst](https://animatedwebs.com/templates/arcadia-box-nova-console-boot): A console boots up with light racing through its vents as the controller bursts apart. 3D / WebGL, Pro.
- [Gaming Console Portal Immersion](https://animatedwebs.com/templates/vortex-core-gaming-immersion): A gaming console opens a portal to a vibrant game world as you scroll, showcasing raw power. Gaming & Entertainment, Pro.
- [Garment Passport Traceability](https://animatedwebs.com/templates/threadline-co-garment-passport): A sustainable fashion site that traces a shirt from cotton field to closet along a drawn route. Fashion & Luxury, Free.
- [Gaussian Splat Greenhouse](https://animatedwebs.com/templates/fernhollow-splat-greenhouse): Walk through a photoreal captured Victorian greenhouse rendered live as 3D Gaussian splats. 3D / WebGL, Pro.
- [Gelato Scoop Swirl](https://animatedwebs.com/templates/frizzo-gelato-scoop-swirl): A gelateria site where flavours swirl into a scoop and the menu spins like a display case. Food & Hospitality, Pro.
- [Gem Dispersion Jewellery](https://animatedwebs.com/templates/vireo-gem-dispersion-jewellery): A fine-jewellery site where a cut diamond throws rainbow fire across velvet as you move. Fashion & Luxury, Pro.
- [Gemstone Shimmer Boutique](https://animatedwebs.com/templates/astra-lux-gem-boutique): An exclusive jewellery site with a shimmering 3D gemstone hero and interactive light refraction. Fashion & Luxury, Pro.
- [Generative Art Glitch Explorer](https://animatedwebs.com/templates/glyphchain-generative-glitch): On-chain generative artworks tear, datamosh and re-render as you browse editions. Web3, Pro.
- [Generative Mesh Agency](https://animatedwebs.com/templates/velosynth-generative-mesh-agency): A full-viewport, generative WebGL mesh background that ripples and flows, for a creative agency. Agency, Pro.
- [Generative Waves Festival](https://animatedwebs.com/templates/resonant-fields-generative-waves): An avant-garde music festival site with an abstract, audio-reactive 3D wave field hero.. Music & Events, Pro.
- [Gin Botanicals in Coastal Fog](https://animatedwebs.com/templates/fogline-gin-botanical-fog): Juniper, kelp and citrus float out of coastal fog around a frosted gin bottle. Storytelling, Pro.
- [Glacier Retreat Timelapse Scrub](https://animatedwebs.com/templates/firn-sensing-glacier-timelapse): Thirty-five years of glacier retreat scrub by while sensors light up across the ice. Storytelling, Pro.
- [Glass Lens UX Portfolio](https://animatedwebs.com/templates/yarrow-park-glass-lens): A liquid glass lens follows the cursor, magnifying and refracting giant type and case imagery. Portfolio, Pro.
- [Glass Terrarium Shop](https://animatedwebs.com/templates/verdance-glass-terrarium): A miniature world inside a glass cloche, with swaying moss, ferns and dew that refracts the light. 3D / WebGL, Free.
- [Glitch Game Launch Site](https://animatedwebs.com/templates/chromaforge-studios-glitch-launch): A game launch site with a hero video and UI elements rendered with a dynamic glitch shader. Gaming & Entertainment, Pro.
- [Glitch Game Studio](https://animatedwebs.com/templates/chronos-protocol-glitch-studio): A game studio site with a 3D hero that glitches, distorts, and reverses, embodying temporal manipulation.. Gaming & Entertainment, Pro.
- [Glitch Text Dissolve Website](https://animatedwebs.com/templates/flux-foundry-glitch-dissolve): An edgy agency website where text and images glitch and dissolve on scroll and hover. Agency, Free.
- [Global Data Sphere](https://animatedwebs.com/templates/terrapulse-global-data-sphere): An interactive 3D Earth globe visualizes environmental data layers, revealed by scroll.. 3D / WebGL, Pro.
- [Glossy Nail Polish Shop](https://animatedwebs.com/templates/lacquer-lab-nail-polish-drip): A nail polish shop where bottles shake, brushes swipe glossy colour and swatches drip into place. Fashion & Luxury, Free.
- [Glowing Product Skincare](https://animatedwebs.com/templates/veridian-labs-skincare-product): A premium skincare product page with an interactive glowing product render and ingredient visualization. Ecommerce, Pro.
- [Glyph Scramble Translation](https://animatedwebs.com/templates/babelfin-glyph-scramble): Headlines scramble through alphabets and resolve into 12 languages on warm editorial paper. AI / SaaS, Pro.
- [Governance Galaxy](https://animatedwebs.com/templates/polis-dao-governance-galaxy): A living 3D galaxy where each star is a proposal, orbiting in real-time voting power clusters. Web3, Pro.
- [GPU Cloud Heat Lattice](https://animatedwebs.com/templates/rackspan-gpu-heat-lattice): A wireframe lattice of GPU nodes glows with a live heatmap as training jobs spin up. AI / SaaS, Pro.
- [GPU Cluster Rack Flythrough](https://animatedwebs.com/templates/coldplate-gpu-rack-flythrough): Fly down a cold aisle of blinking GPU racks while liquid cooling lines pulse with coolant. AI / SaaS, Pro.
- [Grain Mesh Analytics](https://animatedwebs.com/templates/velvet-metrics-grain-mesh): Soft lilac mesh gradients with film grain frame live chart cards that assemble on scroll. AI / SaaS, Pro.
- [Graph Database Ripple Cubes](https://animatedwebs.com/templates/graphene-db-ripple-cubes): A field of instanced cubes ripples outward from every query like a stone dropped in data. AI / SaaS, Pro.
- [Growing Plant Shop](https://animatedwebs.com/templates/frondly-lsystem-plant-shop): A houseplant shop where procedural plants grow leaf by leaf and the care guide adapts to your light. Ecommerce, Pro.
- [Handheld Console Pixel Morph](https://animatedwebs.com/templates/pocketforge-p1-pixel-dither-morph): A handheld console dithers into pixel art, becomes a playable sprite, then turns 3D again. Storytelling, Pro.
- [Hardware Wallet Exploded View](https://animatedwebs.com/templates/ferrule-wallet-exploded-view): A titanium hardware wallet explodes into its secure chip, battery and shell on scroll. Web3, Pro.
- [Hearing Aid Soft Sound Rings](https://animatedwebs.com/templates/canto-hearing-soft-rings): Gentle sound rings clarify a noisy café into one voice as you scroll. Storytelling, Free.
- [Heat Pump Isometric House](https://animatedwebs.com/templates/thermle-heat-pump-isometric): An isometric house cutaway shows heat flowing in as seasons change on scroll. Storytelling, Free.
- [Helix Atelier Showreel Portfolio](https://animatedwebs.com/templates/helix-atelier-showreel-portfolio): A cinematic showreel hero with frame-accurate scrubbing and a generative wireframe backdrop. Portfolio, Pro.
- [Holographic Creator Cards](https://animatedwebs.com/templates/mintmoth-holo-foil-cards): Collectible creator cards shimmer with holographic foil that tracks your cursor. Web3, Pro.
- [Holographic Trophy Esports Site](https://animatedwebs.com/templates/throneline-hologram-trophy-arena): A holographic trophy materialises above an arena stage in scanlines, glitches and light beams. Gaming & Entertainment, Pro.
- [Holographic Watch UI Exploded View](https://animatedwebs.com/templates/chronolocus-holographic-watch-ui): A smartwatch's UI layers explode into a floating 3D interface, responsive to cursor movement.. Ecommerce, Pro.
- [Home Battery Isometric Stack](https://animatedwebs.com/templates/keel-energy-battery-stack-build): Battery modules stack themselves in isometric 3D while energy lines light up the house. Storytelling, Free.
- [Home Cover Layer Peel](https://animatedwebs.com/templates/dovecote-home-cover-layers): An illustrated house peels apart layer by layer to show exactly what you are covered for. Fintech, Free.
- [Honeycomb Fill Honey Shop](https://animatedwebs.com/templates/combwright-honeycomb-fill): A honey shop where hexagonal cells fill with slow golden honey and bees trace flower routes. Ecommerce, Pro.
- [Horror Forest Flashlight Site](https://animatedwebs.com/templates/blackbirch-flashlight-forest): Your cursor is a flashlight in a fog-choked forest where something moves just out of sight. Gaming & Entertainment, Pro.
- [Horror Game Flashlight Reveal](https://animatedwebs.com/templates/dimwater-flashlight-horror): A horror game site explored by flashlight, where the cursor's beam reveals what hides in the dark. Gaming & Entertainment, Pro.
- [Hot Air Balloon Cloud Ascent](https://animatedwebs.com/templates/aeolian-balloon-cloud-ascent): A balloon flights site where scrolling lifts you from a misty valley up through layered clouds to sunrise. Travel, Pro.
- [Hot Sauce Heat Meter Shop](https://animatedwebs.com/templates/scoville-street-heat-meter-sauce): A hot sauce shop where a thermometer of heat rises with every bottle and labels drip like sauce. Ecommerce, Pro.
- [Hydrogen Truck X-Ray Route](https://animatedwebs.com/templates/ostrava-longhaul-hydrogen-xray): An X-ray lens slides over a hydrogen truck to show tanks, fuel cell and motors in flow. Automotive, Pro.
- [Hypercar Configurator](https://animatedwebs.com/templates/aetherdrive-hypercar-configurator): A full-3D hypercar configurator with dynamic reflections and material options, driven by scroll. Automotive, Pro.
- [Ice Crystal Growth Backup Site](https://animatedwebs.com/templates/glacier-vault-ice-crystal-growth): Frost crystals grow by diffusion-limited aggregation into a glacier that protects your data. 3D / WebGL, Pro.
- [Identity Constellation Explorer](https://animatedwebs.com/templates/verida-identity-constellation): A spherical web of verified credentials that pulse with on-chain attestations. Web3, Pro.
- [Identity Flux Agency](https://animatedwebs.com/templates/identity-flux-branding-agency): A flocking simulation forms the logotype; case studies rearrange in a magnetic grid. Agency, Pro.
- [Indigo Dip-Dye Atelier](https://animatedwebs.com/templates/aizome-studio-indigo-dip-dye): A textile atelier site where white cloth dips into indigo and shibori patterns bloom on the fabric. Fashion & Luxury, Pro.
- [Infinite Drag NFT Market](https://animatedwebs.com/templates/plinthia-infinite-drag-gallery): An endless WebGL wall of artworks you drag in any direction, bending with velocity. Web3, Pro.
- [Infinite Product Tunnel](https://animatedwebs.com/templates/spiralis-infinite-product-tunnel): Scroll forever down a neon spiral tunnel lined with floating products that drift past like stars. 3D / WebGL, Pro.
- [Inflatable Breath Coach](https://animatedwebs.com/templates/pneuma-inflatable-breath-coach): Soft inflatable vinyl shapes inflate and deflate with your breathing rhythm. AI / SaaS, Pro.
- [Ink Brush Cursor Portfolio](https://animatedwebs.com/templates/mizuki-hara-ink-cursor): The cursor paints soft sumi-ink strokes that fade like wet paper on a designer's homepage. Portfolio, Free.
- [Ink Wash Omakase Counter](https://animatedwebs.com/templates/kori-ink-omakase-counter): A twelve-seat omakase site where sumi ink blooms through water to reveal each course. Food & Hospitality, Pro.
- [Ink-Line Toon Illustrator Portfolio](https://animatedwebs.com/templates/saskia-brandvold-ink-toon): 3D scenes rendered as living pen-and-ink drawings with hatching that follows the light. Portfolio, Pro.
- [Inside-the-Drum Case Gallery](https://animatedwebs.com/templates/kinora-inside-drum-gallery): Stand inside a giant spinning drum lined with case studies that bend and blur as it turns. Agency, Pro.
- [Insulated Bottle Ice Test](https://animatedwebs.com/templates/kelda-bottle-ice-melt-configurator): A water bottle store where an ice cube refuses to melt for 24 hours while you pick your colour. Ecommerce, Pro.
- [Interactive Brand Color Space Explorer](https://animatedwebs.com/templates/solstice-brand-color-space): Navigate a 3D CIE LCh color solid to discover brand palettes and guidelines. Agency, Pro.
- [Interactive Masterplan Explorer](https://animatedwebs.com/templates/pinnacle-residences-masterplan-explorer): Scroll through a 3D masterplan where buildings rise, streets draw themselves, and amenities bloom. Real Estate & Architecture, Pro.
- [Interactive Mesh Studio](https://animatedwebs.com/templates/kaelen-mesh-studio): An agency site with an organic, interactive mesh that distorts images and follows the cursor. Agency, Free.
- [Interior Material Swatch Studio](https://animatedwebs.com/templates/oyelaran-material-swatches): Stone, oak and linen swatches fan out and morph into finished rooms on scroll. Real Estate & Architecture, Pro.
- [Invoke Map World](https://animatedwebs.com/templates/invoke-map-world-hero): A glowing 3D globe traces serverless function invocations in real time. AI / SaaS, Pro.
- [Iridescent Pearl Atelier](https://animatedwebs.com/templates/nacre-sable-pearl-iridescence): A pearl jewellery site where nacre shimmers with thin-film colour and strands are built bead by bead. Fashion & Luxury, Pro.
- [Island Postcard Stack](https://animatedwebs.com/templates/isla-mora-postcard-stack): An island travel guide where postcards shuffle, flip and stamp themselves as you explore. Travel, Free.
- [Keystone Energy Flow Tower](https://animatedwebs.com/templates/keystone-energy-flow-tower): Scroll drives a 3D energy flow simulation through a mixed-use tower. Real Estate & Architecture, Pro.
- [Kickflip Skate Deck Shop](https://animatedwebs.com/templates/grindhaus-deck-kickflip): A skate shop where the hero deck kickflips on scroll and every graphic spins into view. Ecommerce, Free.
- [Kinetic Ink Portfolio](https://animatedwebs.com/templates/aether-ink-kinetic-portfolio): A portfolio where case studies unfold through scroll-driven kinetic typography and WebGL ink simulations. Portfolio, Pro.
- [Kinetic Path Flood Studio](https://animatedwebs.com/templates/nightjar-motion-path-flood): Repeated type floods along a curving path to wipe between every page of a motion studio. Agency, Pro.
- [Kinetic Timeline Portfolio](https://animatedwebs.com/templates/nebula-motion-kinetic-timeline): A scroll-driven particle timeline that draws case studies as living strokes. Agency, Pro.
- [Knowledge Graph Nexus](https://animatedwebs.com/templates/cognito-nexus-knowledge-graph): An online learning platform with a dynamic, interconnected knowledge graph that visualizes course modules.. Education, Pro.
- [Lake District Mirror Water](https://animatedwebs.com/templates/glassmere-lakes-mirror-water): A lakeland tourism site where a still-water shader mirrors the mountains and ripples under your cursor. Travel, Pro.
- [Lantern Night Market](https://animatedwebs.com/templates/lantern-yard-night-market): A street-food night market site lit by hundreds of glowing paper lanterns that sway overhead. Food & Hospitality, Pro.
- [Laptop Lid-Open Sequence](https://animatedwebs.com/templates/paperweight-ply14-lid-sequence): A 180-frame sequence opens a paper-white laptop and dives into its glowing screen. Storytelling, Pro.
- [Letterbox Film House](https://animatedwebs.com/templates/pale-fire-films-letterbox-reel): Black bars part like a cinema screen to reveal the reel, and every project reads like a title card. Agency, Pro.
- [Lipstick Shade Smear](https://animatedwebs.com/templates/rouge-atlas-lipstick-smear): A cosmetics site where lipstick bullets twist up and each shade smears across the page like paint. Fashion & Luxury, Pro.
- [Liquid Glass Showcase](https://animatedwebs.com/templates/lumina-labs-liquid-showcase): A WebGL studio hero where text and 3D objects are submerged in a dynamic, refractive liquid. 3D / WebGL, Pro.
- [Liquid Silver Jewellery](https://animatedwebs.com/templates/ossa-silver-liquid-metal-rings): Molten silver flows and pools, then sets into the shape of each ring in the collection. Fashion & Luxury, Pro.
- [Living 3D Chessboard Game Site](https://animatedwebs.com/templates/rookline-living-chessboard): Carved marble chess pieces play a famous-style game by themselves as the page tells the story. Gaming & Entertainment, Pro.
- [Living Cash-Flow River](https://animatedwebs.com/templates/rivulet-cashflow-river): Transactions flow as a real-time river that splits into categorized tributaries. Fintech, Pro.
- [Living Ledger Dashboard](https://animatedwebs.com/templates/argent-trust-living-ledger): A neobank dashboard where accounts breathe as generative organisms fed by live transactions. Fintech, Pro.
- [Living Moss Fur Agency Site](https://animatedwebs.com/templates/lichen-shell-fur-moss-agency): The agency logo is grown in soft shell-textured moss that ruffles as your cursor brushes over it. Agency, Pro.
- [Low-Poly Island Game Hub](https://animatedwebs.com/templates/barnacle-lowpoly-island): An explorable toon-shaded island where each landmark is one of the studio's games. Gaming & Entertainment, Pro.
- [Lumen & Grain Photo Portfolio](https://animatedwebs.com/templates/lumen-grain-photo-portfolio): A flashlight cursor reveals high-res images through a living film-grain shader. Portfolio, Pro.
- [Lumina Press Film Strip Portfolio](https://animatedwebs.com/templates/lumina-press-film-strip): A photographer's horizontal film-strip hero with a WebGL slit-scan light-leak transition between frames. Portfolio, Pro.
- [Lunar Landing Descent](https://animatedwebs.com/templates/perilune-lunar-descent): Scroll pilots a lander from orbit down to the lunar south pole in raking, long-shadowed light. 3D / WebGL, Pro.
- [Lunar Rover Surface Traverse](https://animatedwebs.com/templates/regolith-works-lunar-rover-traverse): Scroll drives a rover sideways across a procedural moon while pinned video logs play. Storytelling, Pro.
- [Luxury EV Coupe Film Launch](https://animatedwebs.com/templates/maison-aubrac-solstice-coupe-film): Letterbox titles, pinned film chapters and a horizontal detail gallery reveal an EV coupe. Automotive, Pro.
- [Luxury Listing Reel](https://animatedwebs.com/templates/maison-ardent-listing-reel): Slow cinematic crossfades and a spotlight cursor for a single exceptional home. Real Estate & Architecture, Free.
- [Luxury Sedan Silent Cabin Story](https://animatedwebs.com/templates/ormond-aventine-hush-cabin): Road noise waves crash against a sedan and fall silent inside a softly lit cabin. Automotive, Pro.
- [Macaron Gift Box Builder](https://animatedwebs.com/templates/petit-ciel-macaron-gift-box): A pâtisserie site where you drop 3D macarons into a gift box and tie the ribbon yourself. Food & Hospitality, Pro.
- [Maglev Rail Journey](https://animatedwebs.com/templates/glidepath-rail-maglev-spline): A levitating train glides a sweeping elevated track across a miniature landscape as you scroll. Automotive, Pro.
- [Marble Run Agency Site](https://animatedwebs.com/templates/contraption-marble-run-agency): A physics marble run built from the agency's services carries a glass marble down the whole page. Agency, Free.
- [Masterplan 3D Explorer](https://animatedwebs.com/templates/summit-properties-masterplan-explorer): Scroll-driven flight over a 3D masterplan revealing districts, amenities and live availability. Real Estate & Architecture, Pro.
- [Material Studio Furniture](https://animatedwebs.com/templates/linea-form-material-studio): An interactive 3D configurator for luxury furniture with real-time material swatches and room preview. Fashion & Luxury, Pro.
- [Mechanical Keyboard Layer Explode](https://animatedwebs.com/templates/clackworks-k75-keyboard-layers): A mechanical keyboard lifts apart into plate, foam, PCB and case while keys clack on scroll. Ecommerce, Pro.
- [Melting Chocolate Boutique](https://animatedwebs.com/templates/cacao-umbra-melting-chocolate): A gourmet chocolate site where rich, viscous chocolate melts and oozes as you scroll. Food & Hospitality, Pro.
- [Meridian Collective Prism Agency](https://animatedwebs.com/templates/meridian-collective-prism-agency): A glass prism refracts a beam into spectral service bands that bend toward the cursor. Agency, Pro.
- [Metal Card Neobank](https://animatedwebs.com/templates/orrin-metal-card-flip): A brushed-titanium card spins out of the dark and flips to reveal your account on scroll. Fintech, Pro.
- [Milliner's Hat Block Studio](https://animatedwebs.com/templates/pemberton-millinery-hat-block): A hat maker's site where a felt hat spins on a wooden block and reshapes its brim and crown. Fashion & Luxury, Pro.
- [Mirrored Plinth Heel Atelier](https://animatedwebs.com/templates/lucrezia-varo-heel-plinth): A luxury shoe atelier where a stiletto turns on a mirror plinth and its heel grows as you slide. Fashion & Luxury, Pro.
- [Mist Terrace Tea House](https://animatedwebs.com/templates/cloudterrace-tea-mist-terraces): A tea house site where mountain mist rolls over terraced hills and leaves unfurl as you steep. Food & Hospitality, Pro.
- [Mixed Reality Portal Passthrough](https://animatedwebs.com/templates/scrim-reality-portal-passthrough): A real living room photo tears open into a virtual world through a stencil portal. 3D / WebGL, Pro.
- [Modular Camera Lens Assembly](https://animatedwebs.com/templates/luminar-lens-module-assembly): Explore a high-end camera through a scroll-driven assembly of its optical modules. Ecommerce, Pro.
- [Modular Chain Hex Lattice](https://animatedwebs.com/templates/hexaloom-modular-lattice): Execution, settlement and data layers stack as glowing hex lattices you can pull apart. Web3, Pro.
- [Modular Sofa Assembly](https://animatedwebs.com/templates/arcfold-modular-sofa-assembly): Scroll snaps sofa modules together into any layout, then lets you build your own. Ecommerce, Pro.
- [Molecular Ingredient Explorer](https://animatedwebs.com/templates/bioviva-molecular-explorer): A skincare site exploring active ingredients as interactive, glowing 3D molecular structures. Ecommerce, Pro.
- [Monochrome Notes Typography](https://animatedwebs.com/templates/nordpad-scroll-typography): A stark white notes app site where giant words scroll, scale and strike through themselves. AI / SaaS, Free.
- [Monolith Speaker Cutaway](https://animatedwebs.com/templates/grotto-monolith-speaker-cutaway): A tall speaker splits open along a laser line to reveal its drivers pulsing with sound. Storytelling, Pro.
- [Multi-Chain Portfolio Orb](https://animatedwebs.com/templates/ampere-wallet-multi-chain-orb): A living 3D orb where each chain is a rotating ring, assets are particles flowing between them. Fintech, Free.
- [Multiplayer Design Canvas](https://animatedwebs.com/templates/sketchroom-multiplayer-canvas): Named cursors fly across an infinite canvas as a design comes together in real time. AI / SaaS, Pro.
- [Music Industry Conference](https://animatedwebs.com/templates/signal-summit-conference-grid): A music conference site where a live frequency grid pulses behind speaker reveals and the day-by-day agenda. Music & Events, Pro.
- [Nebula Code Graph](https://animatedwebs.com/templates/nebula-code-graph): A living dependency nebula where packages orbit and pulse with real-time health metrics. AI / SaaS, Pro.
- [Nebula Particle Constellation](https://animatedwebs.com/templates/nebula-forge-particle-constellation): A volumetric nebula of 120k particles morphs into project geometries on scroll. Portfolio, Pro.
- [Neural Diff Hero](https://animatedwebs.com/templates/synapse-code-review): A split-code diff where AI reasoning flows as particle streams between changed lines. AI / SaaS, Pro.
- [Night Highway Light Streaks](https://animatedwebs.com/templates/oxide-night-highway-streaks): An electric coupe cruises an endless night highway while tail-light streaks warp past at speed. Automotive, Pro.
- [Night Market Neon Signs](https://animatedwebs.com/templates/afterglow-night-market-neon): A night market and street-food party site where flickering neon signs buzz on as you scroll through the stalls. Music & Events, Pro.
- [Nightclub Strobe Site](https://animatedwebs.com/templates/neon-undertow-club-strobe): A nightclub site where a dithered dancefloor spotlight sweeps the page and events flash in on the beat. Music & Events, Pro.
- [Observability Wave Dashboard](https://animatedwebs.com/templates/luminova-observability-waves): Animated waveform background that reacts to live token throughput. AI / SaaS, Pro.
- [Obsidian Frame Particle Portfolio](https://animatedwebs.com/templates/obsidian-frame-particle-portfolio): A dark matter particle field forms a living constellation of projects. Portfolio, Pro.
- [Offshore Turbine Scale Pull-Back](https://animatedwebs.com/templates/skerry-offshore-turbine-scale): The camera pulls back from a technician to reveal a 260-metre offshore turbine. Storytelling, Pro.
- [One-Bit Dithered Ghost Ship](https://animatedwebs.com/templates/palimpsest-one-bit-dither-ship): A 3D ghost ship drifts through fog rendered entirely in one-bit ordered dithering. 3D / WebGL, Free.
- [Orbital Data Tracking](https://animatedwebs.com/templates/celestia-orbit-data-scroll): Follow a climate monitoring satellite's journey with interactive 3D orbit visualization and data overlays. Storytelling, Pro.
- [Orbital Habitat Docking Dive](https://animatedwebs.com/templates/ringworks-orbital-habitat-dock): The camera approaches a spinning ring station, docks through its hub and floats inside. 3D / WebGL, Pro.
- [Orbital Satellite Journey](https://animatedwebs.com/templates/cosmicreach-orbital-satellite-journey): A satellite orbits a 3D Earth, revealing features and data points along its journey.. 3D / WebGL, Pro.
- [Orchestra Season String Ribbons](https://animatedwebs.com/templates/larchmont-philharmonic-string-ribbons): A symphony orchestra season site where flowing silk ribbons move like bowed strings to the music. Music & Events, Pro.
- [Origami Fold Stationery Shop](https://animatedwebs.com/templates/foldwell-paper-origami-stationery): A stationery shop where the hero sheet folds itself into a crane and notebooks flip open. Ecommerce, Free.
- [Oyster Bar Spotlight Menu](https://animatedwebs.com/templates/brinehouse-oyster-bar-menu): A moody seafood bar where the menu is read by torchlight and dishes surface under the cursor. Food & Hospitality, Pro.
- [Page-Curl Poster Portfolio](https://animatedwebs.com/templates/anouk-lindqvist-page-curl-posters): A stack of screen-printed posters you flip through with a real page-curl shader. Portfolio, Free.
- [Paper Fold Portfolio](https://animatedwebs.com/templates/vellum-creative-paper-fold): Case studies unfold like physical paper with realistic crease shading and physics. Portfolio, Pro.
- [Parametric Facade Studio](https://animatedwebs.com/templates/strataform-parametric-facade): A generative building skin that rewrites itself with sun, wind and program data. Real Estate & Architecture, Pro.
- [Particle Showreel Hero](https://animatedwebs.com/templates/verve-studio-particle-reel): A swarm of particles forms project thumbnails that explode on cursor proximity. Portfolio, Pro.
- [Particle Showreel Portfolio](https://animatedwebs.com/templates/luma-forge-particle-reel): A 3D particle field assembles into project thumbnails that explode on hover. Portfolio, Pro.
- [Patina Turntable Gallery](https://animatedwebs.com/templates/verdigris-turntable-sculptures): A 3D artist's sculptures spin on turntables while you swap between clay, wire and patina materials. Portfolio, Pro.
- [Pattern-Cut Tailoring House](https://animatedwebs.com/templates/hartwell-crane-pattern-tailoring): A bespoke tailor's site where paper pattern pieces draw themselves and cloth bolts unroll. Fashion & Luxury, Pro.
- [Phone Camera Lens Element Dive](https://animatedwebs.com/templates/ostara-phone-9-lens-element-dive): Dive through a phone's camera bump, past seven lens elements, down to a single pixel. Storytelling, Pro.
- [Phoneme Ring Voice Studio](https://animatedwebs.com/templates/timbrel-phoneme-rings): Stacked glowing torus rings pulse phoneme by phoneme as a cloned voice reads your script. AI / SaaS, Pro.
- [Photographer Light-Table Portfolio](https://animatedwebs.com/templates/noor-halabi-light-table): Prints tumble onto a glowing light table in real physics; pick one up and it becomes the story. Portfolio, Pro.
- [Pixel Art Studio Showcase](https://animatedwebs.com/templates/bytecanvas-studios-pixel-showcase): A game studio site with a retro pixel art hero scene and scroll-driven parallax game showcases. Gaming & Entertainment, Pro.
- [Point Cloud Reassembly Gallery](https://animatedwebs.com/templates/lens-light-pointcloud-reassembly): Photographs explode into 150k points that swarm back into focus on hover. Portfolio, Pro.
- [Point-Cloud Site Reveal](https://animatedwebs.com/templates/lithic-pointcloud-reveal): A LiDAR point cloud of a building site reassembles into the finished architecture on scroll. Real Estate & Architecture, Free.
- [Polaroid Stack Resale Shop](https://animatedwebs.com/templates/second-stitch-polaroid-resale): A vintage resale shop where one-of-a-kind finds arrive as a draggable pile of polaroids. Fashion & Luxury, Free.
- [Portal Card Worlds Agency](https://animatedwebs.com/templates/threshold-portal-card-worlds): Case-study cards are windows into separate 3D worlds you can step through. Agency, Pro.
- [Prairie Wind Grass Field](https://animatedwebs.com/templates/bluestem-prairie-wind-field): Two hundred thousand grass blades bend in rolling wind gusts across a golden prairie. 3D / WebGL, Pro.
- [Prefab Modules Snap Together](https://animatedwebs.com/templates/verdant-modular-home-snap): Factory-built home modules slide, stack and snap into a finished house on a green hill. Real Estate & Architecture, Pro.
- [Prism & Pen Generative Identity Playground](https://animatedwebs.com/templates/prism-pen-generative-identity): A living logo system that mutates in real time from project data. Agency, Pro.
- [Prism Pulse Generative Identity Playground](https://animatedwebs.com/templates/prism-pulse-generative-identity): A living logo that mutates with scroll, revealing case studies through kinetic type marquees. Agency, Pro.
- [Private Bank Vault Door](https://animatedwebs.com/templates/brasswick-vault-door): A brass vault door unlocks and swings open onto a hushed private-banking world. Fintech, Pro.
- [Procedural Cloud Sculpture](https://animatedwebs.com/templates/aetherium-forge-cloud-sculpture): A raymarched, generative cloud sculpture hero that users can configure and interact with. AI / SaaS, Pro.
- [Procedural Garden Portfolio](https://animatedwebs.com/templates/polygon-garden-procedural-portfolio): Projects grow as living plants in a seasonal WebGL garden you scroll through. Portfolio, Pro.
- [Proposal Pulse Dashboard](https://animatedwebs.com/templates/orbit-dao-proposal-pulse): A 3D heartbeat graph shows DAO voting power evolving block by block. Web3, Pro.
- [Proptech Hex Heatmap](https://animatedwebs.com/templates/parcelwise-hex-map): A city rises as extruded hexagons that grow by price, yield and demand. Real Estate & Architecture, Pro.
- [Pulse Analytics Dashboard](https://animatedwebs.com/templates/pulse-analytics-dashboard): A dark-mode analytics dashboard where every metric card is a live micro-visualization. AI / SaaS, Free.
- [PulseBloc Nights Stroboscopic Event Grid](https://animatedwebs.com/templates/pulsebloc-nights-strobe-grid): A nightclub/event promoter site with a dynamic grid of event visuals flashing with a strobe effect. Music & Events, Pro.
- [Quill & Quanta Variable Font Portfolio](https://animatedwebs.com/templates/quill-quanta-variable-font-portfolio): A kinetic variable-font headline that disassembles into glyph particles on scroll. Portfolio, Pro.
- [Race Car Wind Tunnel Streamlines](https://animatedwebs.com/templates/ventris-racing-wind-tunnel-streamlines): Smoke streamlines wrap a race car in a wind tunnel, turning red where downforce builds. Automotive, Pro.
- [Racing Game Speed Tunnel](https://animatedwebs.com/templates/slipstream-rally-speed-tunnel): A racing game launch site where scroll throttles a neon track tunnel with radial blur and a speedometer. Gaming & Entertainment, Pro.
- [Real‑Time Collaborative Code Editor](https://animatedwebs.com/templates/fluxion-collab-editor): A live editor that types, refactors, and visualizes data flow as a particle field. AI / SaaS, Pro.
- [Record Crate Director Portfolio](https://animatedwebs.com/templates/idris-vale-record-crate): Flip through a crate of vinyl sleeves in 3D, each record a music video you can pull out and play. Portfolio, Pro.
- [Red Team Datamosh](https://animatedwebs.com/templates/redline-datamosh-breach): Headlines corrupt like a hacked video feed as an AI red team probes your stack. AI / SaaS, Pro.
- [Reforestation Drone Forest Growth](https://animatedwebs.com/templates/seedfall-aerial-reforest-growth): Drones drop seed pods over bare hills and a forest grows back as you scroll. Storytelling, Free.
- [Rental Map Pin Rain](https://animatedwebs.com/templates/nestwise-rental-map-pins): Listing pins rain onto a stylised city map and cluster into glowing neighbourhood counts. Real Estate & Architecture, Pro.
- [Residential Tower Flythrough](https://animatedwebs.com/templates/northbank-tower-flythrough): Scroll flies a camera around, up and into a luminous residential tower at dusk. Real Estate & Architecture, Pro.
- [Resonance Sonic Sculpture](https://animatedwebs.com/templates/resonance-sonic-sculpture): Experience the design and acoustic engineering of a luxury audio system through 3D cutaways. Ecommerce, Pro.
- [Restomod Blueprint to Paint](https://animatedwebs.com/templates/atelier-ferrant-restomod-blueprint): A 1972 coupe assembles from blueprint lines into sepia wireframe and then full colour. Automotive, Pro.
- [Retro Game World Studio](https://animatedwebs.com/templates/pixel-bloom-studios-retro-game-world): A pixel art game studio site with a 2.5D parallax hero, sprite animations, and nostalgic UI elements.. Gaming & Entertainment, Pro.
- [Revive Elixir Liquid Story](https://animatedwebs.com/templates/aquaverde-revive-liquid-story): A vibrant, scroll-scrubbed journey through natural ingredients and fluid simulations. Ecommerce, Pro.
- [Rice Polishing Sake Brewery](https://animatedwebs.com/templates/kurayami-sake-rice-polish): A sake brewery site where a single rice grain is polished down to its starchy heart as you scroll. Food & Hospitality, Pro.
- [Ripple Cube Dev Shop](https://animatedwebs.com/templates/quarry-dev-ripple-cubes): An instanced field of concrete cubes ripples outward wherever the cursor lands. Agency, Pro.
- [Rising Water Donation Site](https://animatedwebs.com/templates/clearbrook-rising-water-donations): A clean-water charity where the donation goal fills like a glass of water with a live refracting surface. Nonprofit, Pro.
- [Roast Curve Coffee Roaster](https://animatedwebs.com/templates/mossgrove-roast-curve-coffee): A coffee roaster site where beans tumble in a drum and the roast curve draws live. Food & Hospitality, Free.
- [Roast Profile Visualizer](https://animatedwebs.com/templates/fireside-roasters-profile): An artisanal coffee roaster's site showcasing bean transformation through an interactive roast curve. Food & Hospitality, Pro.
- [Robo-Advisor Particle Portfolio](https://animatedwebs.com/templates/brightwell-portfolio-particles): Thousands of particles flow into asset classes and rebalance before your eyes. Fintech, Pro.
- [Robot Arm IK Showcase](https://animatedwebs.com/templates/armature-robot-arm-ik): A six-axis robot arm follows your cursor with live inverse kinematics and picks parts off a conveyor. AI / SaaS, Pro.
- [Rocket Engine Hot-Fire Story](https://animatedwebs.com/templates/tarn-propulsion-hotfire-engine): A methalox engine ignites with shock diamonds, then opens up to show its turbopump. 3D / WebGL, Pro.
- [Rollup Compression L2](https://animatedwebs.com/templates/solvane-rollup-batches): Thousands of transaction particles compress into a single glowing proof on scroll. Web3, Pro.
- [Running Shoe Foam Compression](https://animatedwebs.com/templates/paceline-haste-foam-compression): A shoe's midsole squashes and springs back in 3D, synced to a runner's scrubbed stride. Ecommerce, Pro.
- [Runway Reflection Show](https://animatedwebs.com/templates/atelier-morvane-runway-floor): A couture show site where looks walk toward you down a glossy runway under moving spotlights. Fashion & Luxury, Pro.
- [Saddle Stitch Leather Goods](https://animatedwebs.com/templates/calloway-hide-stitch-leather): A leather goods atelier site where a waxed thread stitches every section together as you scroll. Fashion & Luxury, Pro.
- [Safari Golden Hour Flock](https://animatedwebs.com/templates/glasswing-safaris-gpgpu-flock): A safari site where thousands of birds flock across a golden-hour savanna and swirl around your cursor. Travel, Pro.
- [Satellite Earth Data Layers](https://animatedwebs.com/templates/terralens-observatories-data-layers): Orbit the Earth with a satellite, revealing dynamic climate data visualizations as you scroll. Storytelling, Pro.
- [Satellite Terminal Phased Array Beam](https://animatedwebs.com/templates/hexarray-net-phased-beam-terminal): A flat hexagonal antenna steers an invisible beam that tracks satellites across the sky. 3D / WebGL, Pro.
- [Scent Atelier Particle Builder](https://animatedwebs.com/templates/olfactum-scent-atelier): An interactive perfume atelier where particles visualize scent notes and blend into unique compositions. Fashion & Luxury, Pro.
- [SDF Engine Playground Site](https://animatedwebs.com/templates/kobold-sdf-engine-playground): Raymarched primitives merge, carve and morph with smooth booleans in a game engine's live playground. Gaming & Entertainment, Pro.
- [SDF Shape Navigation Portfolio](https://animatedwebs.com/templates/orion-3d-sdf-nav): Signed distance fields morph into project forms as you explore a spatial index. Portfolio, Pro.
- [Seasonal Menu Reveal](https://animatedwebs.com/templates/terra-vita-menu-reveal): A fine dining restaurant website where seasonal ingredients bloom and unfurl to present each dish.. Food & Hospitality, Pro.
- [Secure Data Shield Hero](https://animatedwebs.com/templates/aegis-solutions-secure-shield): A fintech hero with a glowing, interactive 3D shield and abstract data streams. Fintech, Pro.
- [Self-Sorting Kanban Board](https://animatedwebs.com/templates/docket-kanban-flow): Cards glide across a kanban board on their own as an AI assistant plans the sprint. AI / SaaS, Free.
- [Sentinel-1 Orbital Sensor](https://animatedwebs.com/templates/terragaze-sentinel-orbital-sensor): Explore a climate sensor's mission with an interactive 3D orbital trajectory and data visualization. 3D / WebGL, Pro.
- [Serum Droplet Skincare](https://animatedwebs.com/templates/dewlane-serum-metaball): A skincare shop where serum droplets merge, split and wobble like real viscous liquid. Ecommerce, Pro.
- [Serverless Postgres Stripes](https://animatedwebs.com/templates/kelp-db-latency-stripes): Warm paper tones and orange latency stripes that race across the page with every query. AI / SaaS, Free.
- [Shader Sketchbook Portfolio](https://animatedwebs.com/templates/shader-sketchbook-dev-portfolio): A live GLSL editor renders the hero background; each project is a playable shader sketch. Portfolio, Pro.
- [Shard Assembly Portfolio](https://animatedwebs.com/templates/axiom-frame-shard-assembly): Floating geometric shards coalesce into project thumbnails as you scroll. Portfolio, Pro.
- [Silk Cloth Video Generator](https://animatedwebs.com/templates/silkreel-cloth-video-hero): A crimson silk sheet billows with anisotropic sheen as generated film frames slide past. AI / SaaS, Pro.
- [Silk Scarf in the Wind](https://animatedwebs.com/templates/carre-vesper-silk-scarf-wind): A silk scarf maison where printed carrés billow in a breeze and unfold into full patterns. Fashion & Luxury, Pro.
- [Silver Halide Hero](https://animatedwebs.com/templates/shutter-collective-silver-halide-hero): A photograph develops in a simulated darkroom tray, chemical waves revealing the image. Portfolio, Pro.
- [Size-Inclusive Basics Store](https://animatedwebs.com/templates/plainsong-basics-model-toggle): A basics store where every product can be seen on three body types with a single smooth toggle. Fashion & Luxury, Free.
- [Sliced Strip Lookbook](https://animatedwebs.com/templates/aurel-studio-strip-lookbook): A horizontal fashion lookbook where every look arrives in vertical strips and leaves in slices. Fashion & Luxury, Pro.
- [Smart Helmet Night Ride Scrub](https://animatedwebs.com/templates/veloglow-helmet-night-ride): A night commute scrubs by while the helmet's radar spots cars and its rear light answers. Storytelling, Pro.
- [Snap-Scroll Displacement Slideshow](https://animatedwebs.com/templates/tundra-frame-snap-displacement): Fullscreen landscape photographs dissolve into each other through ice-crack displacement maps. Portfolio, Pro.
- [Soft Aurora Support Inbox](https://animatedwebs.com/templates/kindreply-soft-aurora-inbox): Pastel aurora blobs drift behind a support inbox that answers tickets while you watch. AI / SaaS, Free.
- [Solar Corona Energy Site](https://animatedwebs.com/templates/heliograph-solar-corona): A roiling procedural sun with granulation, flares and corona streamers powers a fusion startup's story. 3D / WebGL, Pro.
- [Solar Sail Miura-Fold Deploy](https://animatedwebs.com/templates/heliotrope-solar-sail-miura-fold): A folded spacecraft blooms into a vast mirrored sail using origami Miura-fold physics. 3D / WebGL, Pro.
- [Sonar Sea Call Analytics](https://animatedwebs.com/templates/deepcall-sonar-sea): A dark teal sea of sound swells with every call and surfaces the moments that matter. AI / SaaS, Pro.
- [Sonic Waveforms Speaker Showcase](https://animatedwebs.com/templates/echodrive-sonic-waveforms-speaker): Audio-reactive WebGL visualizations morph around a 3D speaker model as you scroll through features.. Ecommerce, Pro.
- [Space Telescope Mirror Unfold](https://animatedwebs.com/templates/lyra-observatory-mirror-unfold): Eighteen gold hexagon mirrors unfold in space, then focus a deep field out of the dark. Storytelling, Pro.
- [Sparkling Sake Rice Polish Track](https://animatedwebs.com/templates/kumo-sparkling-sake-rice-polish): Rice grains polish down from 100% to 35% along a washi track as bubbles rise through the bottle. Storytelling, Pro.
- [Sport Watch Heartline Journey](https://animatedwebs.com/templates/kairo-tempo-heartline-watch): A single heart-rate line draws a day of training while the watch face changes in sync. Storytelling, Pro.
- [Stained Glass Light Projection](https://animatedwebs.com/templates/quatrefoil-stained-glass-light): Sunlight streams through a stained-glass rose window and paints coloured pools across stone. 3D / WebGL, Pro.
- [Staking Garden World](https://animatedwebs.com/templates/aether-staking-garden): A living 3D garden where each staked token grows a unique generative plant. Web3, Pro.
- [Staking Validator Orbits](https://animatedwebs.com/templates/stakehaven-validator-orbits): Your stake orbits a glowing core as validators circle and rewards rain back in. Web3, Pro.
- [Stand Mixer Swirl Shop](https://animatedwebs.com/templates/kora-mixer-dough-whisk-swirl): A retro stand mixer site where batter swirls in the bowl and the colour picker repaints the machine. Ecommerce, Pro.
- [Storm Ocean Regatta](https://animatedwebs.com/templates/squallmark-storm-regatta): Racing yachts slam through a stormy procedural sea with spray, foam and lightning. 3D / WebGL, Pro.
- [Streaming Series Showcase](https://animatedwebs.com/templates/salt-archive-series-spotlight): A prestige streaming series site with a cinematic episode reel, cast spotlight and countdown to the finale. Gaming & Entertainment, Pro.
- [Studio Flux Branding Agency](https://animatedwebs.com/templates/studio-flux-branding-agency): A living gradient mesh that breathes with the cursor, revealing case studies on hover. Agency, Pro.
- [Studio Mic Polar Pattern Story](https://animatedwebs.com/templates/cardia-cardioid-mic-polar-pattern): A glowing cardioid pattern breathes around a microphone as you speak into the page. Storytelling, Free.
- [Sustainable Sneaker Material Lifecycle](https://animatedwebs.com/templates/ecostride-athletics-material-lifecycle): Follow the journey of recycled materials transforming into a cutting-edge, eco-friendly sneaker. Ecommerce, Free.
- [Swinging Chain Handbag](https://animatedwebs.com/templates/ciel-noir-chain-strap-handbag): A handbag house where a quilted bag hangs from its chain strap and swings as you scroll. Fashion & Luxury, Pro.
- [Swinging Pendant Lamp Store](https://animatedwebs.com/templates/oskar-lys-pendant-lamp-light): A lighting store in the dark where swinging pendant lamps light up the products beneath them. Ecommerce, Pro.
- [Synth Oscilloscope Patch Story](https://animatedwebs.com/templates/oscilla-s8-oscilloscope-synth): A glowing oscilloscope trace morphs from sine to chaos as patch cables plug in on scroll. Storytelling, Pro.
- [Synthwave Artist VHS Tunnel](https://animatedwebs.com/templates/cassette-moon-vhs-tunnel): A synthwave artist site with a neon waveform tunnel that pulses to the new single. Music & Events, Pro.
- [Tasting Menu Plate Wipe](https://animatedwebs.com/templates/maison-saule-tasting-plate-wipe): A fine-dining tasting menu where each course arrives through a circular plate-shaped reveal. Food & Hospitality, Pro.
- [Teen Banking Sticker Card](https://animatedwebs.com/templates/kitebank-sticker-card): A squishy 3D debit card collects stickers as teens hit their savings goals. Fintech, Pro.
- [Tequila Bottle Glass and Pour](https://animatedwebs.com/templates/casa-llamarada-tequila-glass-pour): A heavy glass bottle refracts the agave fields behind it before a slow-motion pour. Storytelling, Pro.
- [Terminal Migration Landing](https://animatedwebs.com/templates/migratio-terminal-migration-landing): A terminal-style landing page where a live migration log drives the scroll narrative. AI / SaaS, Pro.
- [Terroir Map & Vineyard Scroll](https://animatedwebs.com/templates/solstice-cellars-terroir-map): A winery website exploring vineyard geography and soil composition with an interactive topographic map.. Food & Hospitality, Free.
- [Tidal Turbine Moon-Driven Cycle](https://animatedwebs.com/templates/moonpull-tidal-turbine-cycle): The moon's orbit drives the tide on scroll while an underwater turbine spins in the current. Storytelling, Pro.
- [Tilt-Shift Fantasy World Map](https://animatedwebs.com/templates/sigil-tiltshift-world-map): A hand-painted fantasy continent in miniature, with drifting clouds, tiny ships and zoomable regions. Gaming & Entertainment, Pro.
- [Timeline Portal Website](https://animatedwebs.com/templates/chronoshift-timeline-portal): An immersive game website with a scroll-driven, raymarched time portal and parallax environments. Gaming & Entertainment, Pro.
- [Token Flow Cost Visualizer](https://animatedwebs.com/templates/tokenflow-llm-cost-visualizer): A live token stream that pours into cost buckets, with a pricing calculator that updates per keystroke. AI / SaaS, Pro.
- [Token Garden Landing](https://animatedwebs.com/templates/token-garden-landing): A living garden where each token probability grows as a procedural flower. AI / SaaS, Pro.
- [Token Orbit Hero](https://animatedwebs.com/templates/quantum-ledger-token-orbit): A rotating multi-facet token visualizes staking yields and cross-chain bridges in real time. Web3, Pro.
- [Token River Attention Lattice](https://animatedwebs.com/templates/morrow-token-river-lattice): Sixty thousand instanced glyphs stream through glowing transformer layers on a paper-white page. AI / SaaS, Pro.
- [Topographic Journey Map](https://animatedwebs.com/templates/wild-ascent-topographic-journey): An adventure travel site with a scroll-driven 3D topographic map hero revealing destinations.. Travel, Pro.
- [Topographic Trail Terrain](https://animatedwebs.com/templates/cairnway-procedural-terrain): Procedural mountains with live contour lines draw the next hiking route as you scroll. 3D / WebGL, Free.
- [Trace City Observability](https://animatedwebs.com/templates/ambergrid-trace-city-floor): Every microservice becomes a glowing tower on an amber data city floor. AI / SaaS, Pro.
- [Tranquil Water Resort](https://animatedwebs.com/templates/aura-cove-resort-spa): A luxury resort website with an immersive WebGL water surface hero and serene booking experience. Food & Hospitality, Pro.
- [Travel Blog Polaroid Scatter](https://animatedwebs.com/templates/nomad-notebook-polaroid-blog): A travel blog where polaroids scatter across a corkboard map and snap into a timeline as you scroll. Travel, Free.
- [Travel Trunk Maison](https://animatedwebs.com/templates/malletier-aubrac-trunk-opening): A luxury trunk maker's site where a monogrammed steamer trunk unlatches and unfolds its compartments. Fashion & Luxury, Pro.
- [Tread Pattern Reveal](https://animatedwebs.com/templates/flux-tread-pattern-reveal): A 3D sneaker sole dynamically deforms and highlights, revealing performance technology.. Ecommerce, Pro.
- [Twisting Case-Study Cube](https://animatedwebs.com/templates/cubit-rotating-case-cube): A 3x3 puzzle cube twists its layers to assemble a different case study on every face. Agency, Pro.
- [Ultralight Mouse Drop and Laser](https://animatedwebs.com/templates/strafe-labs-kite-mouse-drop): An ultralight gaming mouse drops onto a scale beside a feather, then reveals its laser sensor. Ecommerce, Pro.
- [Vector Field Portfolio](https://animatedwebs.com/templates/cascade-studio-vector-field-portfolio): A 2D flow field drives project thumbnails, streamlines animate and react to cursor force. Portfolio, Pro.
- [Vector Search Graph Layers](https://animatedwebs.com/templates/nearwise-vector-graph-layers): A query hops down stacked graph layers to its nearest neighbours in a glowing HNSW visualisation. AI / SaaS, Pro.
- [Vertical Farm Floor-by-Floor Descent](https://animatedwebs.com/templates/verdure-tower-vertical-farm-descent): Descend a glowing vertical farm floor by floor while crops grow from seed to harvest. Storytelling, Pro.
- [Vesper Studio 3D Portfolio](https://animatedwebs.com/templates/vesper-studio-3d-portfolio): A real-time WebGL scene where floating geometry reacts to scroll and cursor, revealing case studies on demand. Portfolio, Pro.
- [Vinyl Crate Digging Store](https://animatedwebs.com/templates/groove-cellar-vinyl-crate-dig): A record shop where you flip through a 3D crate of records and pull one out to play. Ecommerce, Pro.
- [Void Bloom Stroboscopic Event Grid](https://animatedwebs.com/templates/void-bloom-nights-strobe-grid): A nightlife event site with a glitchy stroboscopic grid hero and interactive event calendar.. Music & Events, Pro.
- [Volcano Theme Park Site](https://animatedwebs.com/templates/magma-park-volcano-coaster): A cartoon volcano island rumbles and erupts while a roller coaster loops through its lava caves. 3D / WebGL, Free.
- [Volumetric Cloud Flythrough](https://animatedwebs.com/templates/stratos-volumetric-clouds): Raymarched cumulus clouds part as scroll flies the camera up through the weather. 3D / WebGL, Pro.
- [Volumetric Vault Spotlight](https://animatedwebs.com/templates/vaultkeep-volumetric-cone): A volumetric light cone sweeps a black vault and finds a key made of glass. AI / SaaS, Pro.
- [Vortexa Code Review Platform](https://animatedwebs.com/templates/vortexa-code-review-platform): A dark, immersive landing where a living dependency graph rewrites itself in real time. AI / SaaS, Pro.
- [Voxel Forge 3D Portfolio](https://animatedwebs.com/templates/voxel-forge-3d-portfolio): Scroll through a procedural voxel landscape where each project assembles from blocks. Portfolio, Free.
- [Watch 3D to Blueprint to Wrist](https://animatedwebs.com/templates/porcelline-watch-blueprint-morph): A smartwatch rotates flat into a porcelain blueprint, then reassembles on a wrist. Storytelling, Pro.
- [Watch Calibre Configurator](https://animatedwebs.com/templates/aethel-watch-configurator): A luxury watch configurator with real-time 3D models and material swatches. Fashion & Luxury, Pro.
- [Watch Movement Explorer](https://animatedwebs.com/templates/horologium-movement-explorer): A luxury watch lookbook revealing intricate mechanical movements with interactive 3D exploded views. Fashion & Luxury, Pro.
- [Waterfront Development Reflections](https://animatedwebs.com/templates/wrenhaven-quay-water-reflections): Harbour apartments shimmer in rippling water reflections that react to your cursor. Real Estate & Architecture, Pro.
- [Waveform to Transcript Notes](https://animatedwebs.com/templates/murmur-transcript-waves): Serif calm meets living sound: waveform lines unravel into meeting notes as you scroll. AI / SaaS, Pro.
- [Wealth Growth Garden](https://animatedwebs.com/templates/lumina-wealth-growth-garden): An organic 3D garden where each plant represents a portfolio holding, growing with real returns. Fintech, Pro.
- [White Model Fly-Through Studio](https://animatedwebs.com/templates/obelisk-form-camera-flythrough): The camera glides through a white architectural model, pausing at each room to tell a project. Agency, Pro.
- [Wildfire Relief Regrowth](https://animatedwebs.com/templates/ashfall-relief-ember-regrowth): A wildfire relief charity where drifting embers give way to green regrowth as you scroll through recovery. Nonprofit, Pro.
- [Wine Pour Estate](https://animatedwebs.com/templates/vinya-serrat-wine-pour-estate): A winery site that opens with a ribbon of red wine pouring through the dark into a glass. Food & Hospitality, Pro.
- [Wireframe-to-Metal Motorcycle](https://animatedwebs.com/templates/kuro-wireframe-motorcycle-reveal): A motorcycle is drawn in glowing wireframe, then scroll floods it with paint, chrome and fire. Automotive, Pro.
- [Woven Ribbon Image Portfolio](https://animatedwebs.com/templates/aster-loom-woven-images): Project images arrive as ribbons that weave together, then unravel and flutter as you scroll past. Portfolio, Pro.
- [Zero-Knowledge Dither Veil](https://animatedwebs.com/templates/nullveil-zk-dither): A secret shape hides behind an animated dither veil and is proven without ever being shown. Web3, Pro.
- [Zero‑Trust AI Deploy Platform](https://animatedwebs.com/templates/cipherforge-zero-trust-deploy): An encrypted 3D lattice that visualizes model serving security in real time. AI / SaaS, Pro.
- [ZK Circuit Explorer](https://animatedwebs.com/templates/vaultara-zk-circuit-explorer): An animated arithmetic circuit board where constraints light up as proofs generate. Web3, Pro.
- [AI Bookkeeping Bars](https://animatedwebs.com/templates/closewell-bookkeeping-bars): Receipts scan themselves and bar charts balance the books in a fresh mint interface. Fintech, Free.
- [Animal Shelter Adoption Site](https://animatedwebs.com/templates/stray-lantern-shelter-paw-trail): An animal shelter site where lantern-lit paw prints follow your cursor to adoptable pets. Nonprofit, Pro.
- [Artisan Coffee Roastery](https://animatedwebs.com/templates/ember-bloom-roastery): A warm, inviting website for a coffee roastery with animated roast profiles and brewing guides. Food & Hospitality, Free.
- [Boxing Club Impact Site](https://animatedwebs.com/templates/southpaw-social-impact-boxing): A boxing gym site where every section lands with a punch: impact shakes, glove flashes and snapping type. Health & Wellness, Pro.
- [Breathing Orb Meditation App](https://animatedwebs.com/templates/stillroom-breathing-orb): A calm meditation app landing where a soft CSS orb guides a real 4-7-8 breathing cycle. Health & Wellness, Free.
- [Brutalist Zine Almanac](https://animatedwebs.com/templates/brutal-almanac-raw-grid-zine): A brutalist online zine with a raw visible grid, hard-cut reveals and cells that invert on hover. Editorial, Pro.
- [Calm Insurance Line-Draw](https://animatedwebs.com/templates/halvard-mutual-shield-lines): Soft waves and hand-drawn shields that sketch themselves in as you read about cover. Fintech, Free.
- [Cash-Flow Ribbon Treasury](https://animatedwebs.com/templates/novaline-treasury-sankey): Money flows as luminous ribbons from accounts to payouts in a living Sankey diagram. Fintech, Pro.
- [Cassette Music Journal](https://animatedwebs.com/templates/tape-notes-cassette-journal): A music journalism blog where every article is a cassette whose reels spin as you read and scroll. Editorial, Free.
- [Clinic Liquid Glass Site](https://animatedwebs.com/templates/wrenfield-clinic-liquid-glass): A modern clinic website with soft liquid-glass panels floating over a calm, slowly shifting gradient. Health & Wellness, Free.
- [Cold Brew Pour Sequence](https://animatedwebs.com/templates/umberline-cold-brew-pour-sequence): Scroll pours cold brew over ice in a 120-frame sequence with a warm product shop. Ecommerce, Free.
- [Cold-Pressed Juice Slice Split](https://animatedwebs.com/templates/pulpwise-juice-slice-split): Fruit slices split apart across the page as the juice bottle changes colour with each blend. Ecommerce, Free.
- [Community Bike Workshop Gears](https://animatedwebs.com/templates/bike-kitchen-gear-train): A community bike workshop nonprofit where interlocking gears turn with scroll and drive the page along. Nonprofit, Free.
- [Community Garden Growing Vines](https://animatedwebs.com/templates/seedbank-commons-vine-garden): A community garden nonprofit where hand-drawn vines grow along the page edges as you scroll. Nonprofit, Free.
- [Coral Reef Caustics Charity](https://animatedwebs.com/templates/reefkeeper-caustics-coral): A coral conservation charity site with sunlit caustics dancing over reef photos and an adopt-a-coral CTA. Nonprofit, Pro.
- [Craft Brewery Taproom](https://animatedwebs.com/templates/hopwell-ales-craft-brewery): A welcoming craft brewery website with an animated menu and live event calendar. Food & Hospitality, Free.
- [Cream Ledger Accounting](https://animatedwebs.com/templates/tallyfox-ledger-counters): A warm paper-ledger site where totals tick up and bars rise like ink on graph paper. Fintech, Free.
- [Crumpled Page Literary Review](https://animatedwebs.com/templates/inkstone-review-crumpled-pages): A literary magazine where each new story unfolds from a crumpled sheet of paper into a clean page. Editorial, Pro.
- [Cuvée Champagne Timepiece](https://animatedwebs.com/templates/cuvee-champagne-timepiece): A guilloché watch with live hands floats in a glass of rising champagne with caustic light. Fashion & Luxury, Pro.
- [DAO Governance Pulse](https://animatedwebs.com/templates/commonfold-dao-votes): Live proposal bars fill with votes while member avatars drift into quorum. Web3, Free.
- [Dermatology Clinic Soft Orbs](https://animatedwebs.com/templates/lumaderm-clinic-subsurface-orbs): A dermatology clinic site with soft, skin-like subsurface orbs that glow gently behind treatment info. Health & Wellness, Pro.
- [Design School Infinite Canvas](https://animatedwebs.com/templates/plumb-line-infinite-canvas-school): A design school site where the homepage is a pannable infinite canvas of student work, courses and events. Education, Pro.
- [E-Scooter Fold Sequence Shop](https://animatedwebs.com/templates/glissade-scooter-fold-sequence): A 60-frame sequence folds an electric scooter in three seconds, then it's yours. Ecommerce, Free.
- [Ebru Marbling Atelier](https://animatedwebs.com/templates/ebru-marbling-atelier): Drop ink, drag a comb, and watch feathered marbling emboss itself into paper under WebGL light. Agency, Pro.
- [Explorable Solar System](https://animatedwebs.com/templates/stellaris-academy-solar-system): A science academy website with an interactive 3D solar system that reveals course modules on planet click. Education, Pro.
- [Food Blog Sticky Chapters](https://animatedwebs.com/templates/pantry-letters-sticky-chapters): A food and culture blog where each recipe chapter pins, then scales and tilts away as the next slides over. Editorial, Free.
- [Forensic Editorial Dossier](https://animatedwebs.com/templates/axiom-dossier-forensic-editorial): An investigative journalism site with a 'terminal' aesthetic, scanline effects, and data-driven reveals.. Editorial, Pro.
- [Generative Aurora Wellness](https://animatedwebs.com/templates/still-bloom-aurora-wellness): A mental wellness site with a tranquil, generative aurora as a calming background visual.. Health & Wellness, Pro.
- [Glass Geometry Math Tutor](https://animatedwebs.com/templates/mentora-glass-geometry-tutor): Floating glass solids and hand-drawn equations that solve themselves, step by gentle step. Education, Pro.
- [Hospice Candlelight Site](https://animatedwebs.com/templates/quiet-hours-hospice-candle): A hospice charity site lit by a gentle candle flame shader where visitors can light a candle in memory. Nonprofit, Pro.
- [Indie Band Zine Collage](https://animatedwebs.com/templates/basement-choir-zine-collage): An indie band site assembled like a cut-and-paste zine with taped photos, torn paper and wobbly type. Music & Events, Free.
- [Instant Camera Print Develop](https://animatedwebs.com/templates/glowbox-instant-print-develop): Instant prints eject from the camera and develop from milky blue to full colour as you scroll. Ecommerce, Free.
- [Iris Soap Bubble Skincare](https://animatedwebs.com/templates/iris-soap-bubble-skincare): Real thin-film interference bubbles drift, wobble and pop under your cursor on a clean skincare site. Health & Wellness, Pro.
- [Jazz Weekend Bouncy Type](https://animatedwebs.com/templates/birchwood-jazz-bouncy-type): A small jazz festival site where the lineup swings with bouncy letters and a walking-bass scroll rhythm. Music & Events, Free.
- [Kinetic Code Academy](https://animatedwebs.com/templates/syntaxis-academy-kinetic-code): A coding school site where the headline compiles itself and lessons type live. Education, Free.
- [Kinetic Curriculum Ribbon](https://animatedwebs.com/templates/lumina-academy-curriculum-ribbon): A university course catalog with a scroll-driven 3D ribbon unwinding to highlight subjects.. Education, Pro.
- [Knowledge Nexus Map](https://animatedwebs.com/templates/nexus-learning-knowledge-nexus-map): An online learning platform visualizing complex curricula as an interactive, growing knowledge map. Education, Pro.
- [Kombucha Bubble Flavour Shop](https://animatedwebs.com/templates/mottle-kombucha-flavour-bubbles): Canvas bubbles rise through a bottle as each flavour floods the page with its colour. Ecommerce, Free.
- [Language App Word Arc Globe](https://animatedwebs.com/templates/polyglot-pier-word-arcs-globe): A language learning site where greetings fly as glowing arcs between cities on a dotted globe. Education, Pro.
- [Layered Editorial Column Scroll](https://animatedwebs.com/templates/monolith-quarterly-layered-columns): An online magazine with a scroll-driven hero where content columns animate with depth and parallax.. Editorial, Pro.
- [Layered Scroll Photo Essay](https://animatedwebs.com/templates/vista-chronicle-layered-essay): An editorial site presenting long-form content with scroll-triggered image and text parallax layers. Editorial, Pro.
- [Literacy Charity Page Flip](https://animatedwebs.com/templates/library-lights-page-flip): A literacy charity site where a glowing storybook flips its pages to tell the impact story. Nonprofit, Free.
- [Meal Charity Plates Counter](https://animatedwebs.com/templates/kindred-kitchens-meal-counter): A community meals charity where plates stack up in a live counter and every donation adds a steaming dish. Nonprofit, Pro.
- [Minimal Scroll-Driven Blog](https://animatedwebs.com/templates/field-notes-daily-scroll-blog): A minimal writing blog built on native CSS scroll-driven animations with reading progress and pull marks. Editorial, Free.
- [Mood Mesh Mental Health App](https://animatedwebs.com/templates/lull-mood-mesh-app): A mental-health app site where a mesh gradient shifts colour as visitors pick how they feel. Health & Wellness, Pro.
- [Museum Reflective Gallery](https://animatedwebs.com/templates/obsidian-hall-reflective-gallery): A museum site where artefacts stand on a polished obsidian floor and the camera glides to each exhibit. Education, Pro.
- [Mycel Physarum Routing Network](https://animatedwebs.com/templates/mycel-physarum-network): 65,000 GPU slime-mould agents grow glowing routes between logistics hubs as you move. AI / SaaS, Free.
- [Neon Speakeasy Cocktail Bar](https://animatedwebs.com/templates/brassline-neon-cocktail-bar): A late-night cocktail bar site with flickering neon signage and a menu that pours itself. Food & Hospitality, Free.
- [Neurology Clinic MRI Slices](https://animatedwebs.com/templates/northlight-neurology-mri-slices): A neurology clinic site where a brain scan slices through layer by layer as you scroll through the services. Health & Wellness, Pro.
- [Observatory Museum Earth](https://animatedwebs.com/templates/planetaria-observatory-earth): A science museum and observatory site with a photoreal day-night Earth that turns to each exhibit. Education, Pro.
- [Payslip Peel Payroll](https://animatedwebs.com/templates/wagewell-payslip-peel): Striped payslips tear off a printer roll and fan into a calm payroll dashboard. Fintech, Free.
- [Photo Weekly Clip-Path Slideshow](https://animatedwebs.com/templates/blackfold-sunday-clip-slideshow): A Sunday photo magazine where fullscreen stories wipe in through sliced clip-path transitions. Editorial, Pro.
- [Physics Pile Cereal Shop](https://animatedwebs.com/templates/oat-theory-physics-cereal-shop): A cheeky DTC granola shop where boxes and oat clusters tumble into a pile you can toss around. Ecommerce, Free.
- [Physio Clinic Joint Map](https://animatedwebs.com/templates/greenhouse-physio-joint-map): A physiotherapy clinic site with an interactive body outline whose joints light up to show treatments. Health & Wellness, Free.
- [Pilates Studio Flow Site](https://animatedwebs.com/templates/palma-pilates-scroll-flow): A soft pilates studio site where curved lines flow like a spine through every section. Health & Wellness, Free.
- [Pixel Sprite Memberships](https://animatedwebs.com/templates/pixelpact-sprite-memberships): Creator memberships as collectible pixel sprites that glitch, level up and bounce around. Web3, Free.
- [Portable Power Station Day Cycle](https://animatedwebs.com/templates/fieldkit-sunhaul-day-cycle): A camping day passes from sunrise to night while a power station charges and powers the camp. Ecommerce, Free.
- [Pottery Course Spinning Wheel](https://animatedwebs.com/templates/wheelhouse-pottery-spinning-wheel): A pottery course site where a clay pot rises on a spinning wheel as you scroll through the lessons. Education, Free.
- [Robot Vacuum Floor Plan Route](https://animatedwebs.com/templates/tidy-orbit-r8-floorplan-route): A robot vacuum maps a flat room by room as its cleaning path draws itself. Ecommerce, Free.
- [Science Magazine Galaxy](https://animatedwebs.com/templates/sidereal-times-galaxy-magazine): A science magazine whose front page is a procedural spiral galaxy where each star cluster is a story. Editorial, Pro.
- [Seasonal Wheel Farm Kitchen](https://animatedwebs.com/templates/hedgerow-kitchen-seasonal-wheel): A farm-to-table restaurant site whose menu turns on a hand-drawn wheel of the seasons. Food & Hospitality, Free.
- [Sleep App Slowing Starfield](https://animatedwebs.com/templates/nocturne-sleep-starfield): A sleep app site where a starfield gradually slows and dims as you scroll, like drifting off. Health & Wellness, Pro.
- [Sock Pattern Generator Shop](https://animatedwebs.com/templates/tuftwell-sock-pattern-generator): A sock subscription shop where every refresh knits a brand-new pattern you can buy. Ecommerce, Free.
- [Speed-Line Fitness Studio](https://animatedwebs.com/templates/kinetik-forge-speedline-fitness): A high-intensity fitness studio site with speed-line type, live class heat bars and a streak-driven hero. Health & Wellness, Pro.
- [Stacking Blocks Toy Shop](https://animatedwebs.com/templates/tumbletown-toys-block-stack): A wooden toy shop where letter blocks tumble into a tower you can knock down and rebuild. Ecommerce, Free.
- [Steaming Ramen Noodle Bar](https://animatedwebs.com/templates/hoshi-noodle-bar-steam-bowl): A ramen bar site where steam curls off the bowl and you build your own bowl layer by layer. Food & Hospitality, Free.
- [Taco Truck Live Tracker](https://animatedwebs.com/templates/tacoteca-rodante-food-truck): A taco truck site with a live-location map, a spinning taco hero and a menu that sizzles. Food & Hospitality, Free.
- [Tech Culture Magazine VFX](https://animatedwebs.com/templates/hum-and-hiss-vfx-culture-mag): A tech-culture magazine where headlines and images glitch, RGB-shift and flood the screen between pages. Editorial, Pro.
- [TideGuard Rising Water Donation Progress](https://animatedwebs.com/templates/tideguard-collective-water-progress): A nonprofit site where a hero section visually tracks donations with a rising water level animation. Nonprofit, Free.
- [Top-Down Pizza Builder](https://animatedwebs.com/templates/gatto-blu-pizza-builder): A pizzeria site where you drag toppings onto a spinning dough base and watch the oven timer glow. Food & Hospitality, Free.
- [University Layout Morph](https://animatedwebs.com/templates/northfold-institute-layout-morph): A university site where campus photo grids Flip-morph from mosaic to columns to full bleed as you scroll. Education, Pro.
- [Voxel Sandbox Game Site](https://animatedwebs.com/templates/blockwright-voxel-world): A chunked voxel island builds itself block by block under a real-time day-night cycle. Gaming & Entertainment, Free.
- [Wavy Carousel Culture Magazine](https://animatedwebs.com/templates/verso-magazine-wave-carousel): A culture magazine whose feature carousels curve and wave like fabric at scroll speed. Editorial, Pro.
- [Wearable Biometrics Data Flow](https://animatedwebs.com/templates/kinetic-flow-wearable-biometrics): A smartwatch displays scroll-driven health data visualizations, from pulse to sleep cycles. Health & Wellness, Pro.
- [Yoga Studio Pose Morph](https://animatedwebs.com/templates/sunday-stretch-pose-morph): A yoga studio site where a single-line figure flows through a sun salutation as you scroll. Health & Wellness, Free.
- [Zestura Flavor Alchemy](https://animatedwebs.com/templates/zestura-flavor-alchemy): Unpack the natural ingredients and artisanal brewing process of a craft botanical soda. Food & Hospitality, Free.
- [Wireframe Mesh Launch](https://animatedwebs.com/templates/wireframe-mesh-launch): Giant condensed type framing a rotating wireframe mesh. 3D / WebGL, Pro.
- [Light Streak Dev Tool](https://animatedwebs.com/templates/light-streak-devtool): Blurred light streaks, frosted nav and a keyboard-first hero. AI / SaaS, Pro.
- [Gold Particle Studio](https://animatedwebs.com/templates/gold-particle-studio): Creative-studio site with a cursor-reactive gold particle field. Portfolio, Pro.
- [Pinned Chapter Product Story](https://animatedwebs.com/templates/pinned-chapter-product): Apple-style pinned chapters with floating windows. Storytelling, Pro.
- [Condensed Editorial](https://animatedwebs.com/templates/editorial-condensed): Bold condensed headlines, icon nav, hand-drawn accents. Editorial, Free.
- [Fintech Ribbon](https://animatedwebs.com/templates/fintech-ribbon): Light editorial fintech page with a flowing 3D ribbon. Fintech, Pro.
- [Grid Floor AI Builder](https://animatedwebs.com/templates/grid-floor-ai-builder): Soft 3D objects floating over a grid floor with a prompt box hero. AI / SaaS, Pro.
- [Luxury Product Drop](https://animatedwebs.com/templates/luxury-product-drop): Photoreal 3D product turntable with a countdown drop. Ecommerce, Pro.

## Section prompts (392)

- [3D Card Fan Game Table](https://animatedwebs.com/templates/ludo-forge-card-fan-table): A hand of glossy 3D cards fans out on green felt, flips with foil shine and flicks onto the table. 3D / WebGL, Free.
- [3D LED Dot-Matrix Wall](https://animatedwebs.com/templates/semaphore-led-matrix-wall): A curved wall of nine thousand amber LEDs spells messages and ripples with every cursor pass. 3D / WebGL, Free.
- [Aevum Escapes Ribbon Reveal Destination Intro](https://animatedwebs.com/templates/aevum-escapes-ribbon-reveal): A luxury travel section where destination images and text are unveiled by an elegant, flowing ribbon mask. Travel, Pro.
- [AI Spreadsheet Cell Cascade](https://animatedwebs.com/templates/gridsheet-ai-cell-cascade): An AI fills a spreadsheet cell by cell in a satisfying diagonal cascade of green. AI / SaaS, Free.
- [Animated Cashflow Sankey](https://animatedwebs.com/templates/onyx-finance-cashflow-sankey): A living Sankey diagram where income flows split into expenses, savings, and investments in real time. Fintech, Free.
- [Apex Creative Wave Case Section](https://animatedwebs.com/templates/apex-creative-wave-case-section): A WebGL wave distortion that peels away to reveal the next case study like a rolling film strip. Agency, Pro.
- [Arc Counter Stats Band](https://animatedwebs.com/templates/greenroot-arc-counter-stats): Four impact numbers count up inside rings that fill like growing tree rings. Nonprofit, Free.
- [ASCII Terminal Hero](https://animatedwebs.com/templates/falconet-ascii-terminal-hero): A spinning 3D logo rendered as shape-matched ASCII inside a live terminal. AI / SaaS, Pro.
- [Astra Voice Orb](https://animatedwebs.com/templates/astra-voice-orb): A breathing glass orb that visualizes live voice input with frequency ribbons. AI / SaaS, Pro.
- [Audio System X-Ray Dissection](https://animatedwebs.com/templates/sonus-nova-audio-dissection): Unveil the inner workings of a high-fidelity speaker with an X-ray effect and sonic pulses. Ecommerce, Pro.
- [Audio-Reactive Lineup Hero](https://animatedwebs.com/templates/echo-bloom-festival-audio-reactive-hero): A festival hero section featuring a dynamic, audio-reactive particle visualizer responding to a looping track. Music & Events, Free.
- [Audio-Reactive Particle Canvas](https://animatedwebs.com/templates/neon-echo-audio-particles): A hero section with a dynamic particle field that pulses and shifts in response to a background audio track.. Music & Events, Free.
- [Audio-Reactive Radio Sphere](https://animatedwebs.com/templates/moth-radio-audio-sphere): A spiky icosphere pulses to the live stream's frequencies in warm fresnel light. 3D / WebGL, Free.
- [Audio-Reactive Spectrogram Hero](https://animatedwebs.com/templates/phanes-records-audio-reactive): A music label hero with a dynamic, audio-reactive 3D spectrogram visualizer. Music & Events, Pro.
- [AuraSync Sound Envelope](https://animatedwebs.com/templates/aurasync-sound-envelope-section): A scroll-driven section revealing premium earbuds encased in an abstract, reactive soundscape. Ecommerce, Pro.
- [Aurora Agency Case Index Section](https://animatedwebs.com/templates/aurora-agency-case-index-section): A scroll-driven case study index with cursor-following preview windows and WebGL image distortion. Portfolio, Free.
- [Aurora Glass Navbar](https://animatedwebs.com/templates/aetheris-aurora-glass-navbar): A fixed top bar with a live WebGL glass layer that refracts the page behind it. Gaming & Entertainment, Pro.
- [Aurora Shader Hero](https://animatedwebs.com/templates/cinder-studio-aurora-hero): A living aurora borealis backdrop that reacts to scroll and cursor. AI / SaaS, Pro.
- [Band Tour Dates Hover List](https://animatedwebs.com/templates/grey-harbour-tour-hover-list): A tour dates list where hovering a city reveals a live-show photo that trails the cursor with RGB split. Music & Events, Free.
- [Bars Pricing Toggle](https://animatedwebs.com/templates/astra-ledger-bars-pricing): A pricing table where monthly/annual toggle slides bars and morphs numbers. Fintech, Free.
- [Biomorphic Growth Hero](https://animatedwebs.com/templates/vitabloom-biomorphic-growth): A serene hero with a generative, organic 3D form that slowly 'grows' and reacts to cursor proximity. Health & Wellness, Pro.
- [Bloom Haven Rising Water Donation Progress](https://animatedwebs.com/templates/bloom-haven-water-level-donation): A nonprofit section showing donation progress as a transparent container filling with rising, rippling water.. Nonprofit, Free.
- [Blueprint Line-Draw Section](https://animatedwebs.com/templates/vellum-properties-blueprint-draw): Scroll draws a floor plan line by line, revealing hotspots with amenity details. Real Estate & Architecture, Free.
- [Blueprint Scroll Reveal](https://animatedwebs.com/templates/apex-horizon-blueprint-scroll-reveal): Architectural plans that draft themselves line-by-line as you scroll. Real Estate & Architecture, Free.
- [Boarding Pass Destination Cards](https://animatedwebs.com/templates/layover-club-boarding-passes): Destination deals as boarding passes that flip their split-flap codes and tear off a stub when you book. Travel, Free.
- [Box Packing Checkout Flow](https://animatedwebs.com/templates/boxwood-supply-checkout-packing): A checkout where your items are packed into a box step by step as you complete each stage. Ecommerce, Pro.
- [Build Benchmark Race Strip](https://animatedwebs.com/templates/blitzbuild-benchmark-race): Racing bars and odometer counters prove your builds finish before the coffee does. AI / SaaS, Free.
- [Candle Burn Order Tracker](https://animatedwebs.com/templates/wickford-candle-order-tracker): A post-purchase tracker where a candle burns down as your parcel travels to your door. Ecommerce, Pro.
- [Candle Flame Ambient Hero](https://animatedwebs.com/templates/hearthglow-candle-flame): A single candle flame flickers, bends toward your cursor and warms a dark scene with soft light. 3D / WebGL, Free.
- [Caustic Glass Vessels](https://animatedwebs.com/templates/osmund-caustics-glass-hero): Hand-blown glass vessels throw live caustic light across a linen tabletop. 3D / WebGL, Pro.
- [Charm Bracelet Builder](https://animatedwebs.com/templates/talisman-thread-charm-bracelet): Drag charms onto a gold chain and watch them swing, clink and settle with real physics. Fashion & Luxury, Pro.
- [Cheese and Wine Pairing Matcher](https://animatedwebs.com/templates/rind-vine-pairing-matcher): Drag a cheese toward the wines and glowing threads show which pairings sing. Food & Hospitality, Pro.
- [Circle-Reveal Overlay Menu](https://animatedwebs.com/templates/orel-circle-reveal-overlay-menu): A jeweller's menu that blooms from the burger in a circular clip with collection previews. Fashion & Luxury, Pro.
- [Cloche Lift Room Service Menu](https://animatedwebs.com/templates/hotel-lisiere-cloche-room-service): A room-service menu where silver cloches lift to reveal each dish in a puff of steam. Food & Hospitality, Pro.
- [Cocktail Recipe Card Deck](https://animatedwebs.com/templates/amaro-hour-recipe-card-deck): A fanned deck of cocktail recipe cards that you shuffle, flip and deal onto the bar. Food & Hospitality, Pro.
- [Code Quality Force Graph](https://animatedwebs.com/templates/lintai-code-quality-graph): A force-directed galaxy of repository files sized by complexity and colored by debt. AI / SaaS, Pro.
- [Code Rain Hero Section](https://animatedwebs.com/templates/null-syntax-code-rain): A WebGL shader renders falling code glyphs that resolve into a terminal prompt. Portfolio, Free.
- [Code River Hero](https://animatedwebs.com/templates/lumenflow-code-river): A living river of syntax tokens flows across the viewport, reacting to scroll and cursor. AI / SaaS, Pro.
- [Command Search FAQ](https://animatedwebs.com/templates/nodewise-command-search-faq): A developer FAQ you search like a command palette, with answers that type themselves out. AI / SaaS, Pro.
- [Constellation Hero](https://animatedwebs.com/templates/nebula-code-constellation-hero): A living star map of particles that forms a logo then draws constellation lines on scroll. AI / SaaS, Pro.
- [Counter Column Preloader](https://animatedwebs.com/templates/tallow-studio-counter-preloader): A 0 to 100 counter races while image columns slide past, then the page opens like a curtain. Agency, Free.
- [Counter-Scroll Testimonial Wall](https://animatedwebs.com/templates/kinhaven-three-column-testimonial-wall): Three columns of patient stories drifting in opposite directions behind soft fades. Health & Wellness, Free.
- [Course Pricing Odometer](https://animatedwebs.com/templates/kindling-courses-pricing-odometer): An online course pricing section where prices roll like odometers and feature bars fill per plan. Education, Free.
- [Cross-Chain Bridge Aurora](https://animatedwebs.com/templates/relaypoint-bridge-aurora): Two worlds joined by a ribboned aurora that carries tokens across when you bridge. Web3, Pro.
- [Cross-Chain Particle Bridge](https://animatedwebs.com/templates/novachain-bridge-stream): Two glowing globes connected by a live particle stream representing asset flow. Web3, Pro.
- [Culinary Steam Reveal](https://animatedwebs.com/templates/plume-plate-steam-reveal): A fine dining menu section where dish photography is revealed by a shimmering heat haze. Food & Hospitality, Pro.
- [Curriculum Ribbon Timeline](https://animatedwebs.com/templates/cursive-lab-curriculum-ribbon): An online course curriculum where a handwritten ink ribbon writes itself through each module as you scroll. Education, Free.
- [Cursor-Docked Showreel Hero](https://animatedwebs.com/templates/umbra-reel-cursor-player): A small reel window follows the cursor, then expands seamlessly to full screen on click. Agency, Pro.
- [Cursor-Repel Kinetic Headline](https://animatedwebs.com/templates/riven-type-repel-letters): Oversized letters scatter away from the cursor on springs and settle back into a crisp line. Portfolio, Free.
- [Curtain Fold Editorial Reveal](https://animatedwebs.com/templates/maison-ombrelle-curtain-reveal): Couture images drop in like heavy fabric, folding and settling as they enter the page. Fashion & Luxury, Pro.
- [Curtain Reveal Wordmark Footer](https://animatedwebs.com/templates/maison-vey-curtain-wordmark-footer): The page lifts away like a curtain to reveal a monumental serif wordmark footer. Fashion & Luxury, Pro.
- [Custom Fragrance Blend Builder](https://animatedwebs.com/templates/accord-lab-perfume-blend-builder): Blend three scent notes and watch their colours swirl together inside a bottle. Ecommerce, Pro.
- [Dandelion Seed Wind Hero](https://animatedwebs.com/templates/thistledown-dandelion-seeds): Blow across the screen and thousands of dandelion seeds lift off and drift on the breeze. 3D / WebGL, Pro.
- [DAO Garden Proposal Blooms](https://animatedwebs.com/templates/quorum-garden-proposal-blooms): Each governance proposal grows as a plant that blooms or wilts with the vote. Web3, Pro.
- [Data Orb Hero](https://animatedwebs.com/templates/nexuscore-data-orb-hero): A pulsating, translucent data orb of interconnected nodes and lines for an AI platform. AI / SaaS, Free.
- [Data Stream Globe Hero](https://animatedwebs.com/templates/nexus-flow-data-globe): A generative 3D globe hero for data platforms, showing pulsating connections and flowing data streams. AI / SaaS, Free.
- [Day-by-Day Itinerary Timeline](https://animatedwebs.com/templates/wandermint-itinerary-timeline): A travel itinerary where a dotted path and tiny plane hop between days, pinning photos and tips along the way. Travel, Free.
- [Delivery Drone 3D Route Map](https://animatedwebs.com/templates/tern-delivery-drone-route-map): A delivery drone follows a glowing route over a low-poly town as you scroll. 3D / WebGL, Pro.
- [Denim Fit Finder](https://animatedwebs.com/templates/tallgrass-denim-fit-finder): Pick waist, rise and leg shape and watch the jean silhouette morph to match. Ecommerce, Free.
- [Depth-Map Mountain Parallax](https://animatedwebs.com/templates/alpenglow-depth-parallax-peaks): A single mountain photo becomes a 3D scene that shifts with your cursor and fills with drifting cloud. 3D / WebGL, Free.
- [Diamond Dispersion Hero](https://animatedwebs.com/templates/lucent-facet-diamond-dispersion): A brilliant-cut stone flashes true spectral fire from three-IOR refraction and internal bounces. 3D / WebGL, Pro.
- [Diff Lens Hero](https://animatedwebs.com/templates/prism-diff-lens-hero): A split-code view where AI annotations bloom as refractive glass shards. AI / SaaS, Pro.
- [Displacement Portrait Team Grid](https://animatedwebs.com/templates/halyard-displacement-team-grid): Team portraits morph into candid shots through a liquid displacement map on hover. Agency, Pro.
- [Dithered CRT Bento](https://animatedwebs.com/templates/bitkiln-dithered-crt-bento): A bento grid of retro game features rendered through Bayer dithering and scanlines. Gaming & Entertainment, Pro.
- [Docs Lens Reveal Section](https://animatedwebs.com/templates/parchment-docs-reveal-lens): A reading lens glides over prose and reveals the API reference hidden beneath it. AI / SaaS, Free.
- [Docs Tool Bento Grid](https://animatedwebs.com/templates/quire-docs-bento-grid): A bento feature grid where every tile hides its own tiny interactive demo. AI / SaaS, Free.
- [Donation Progress Rings](https://animatedwebs.com/templates/canopy-trust-donation-rings): A donation widget where concentric tree-ring progress arcs grow toward three campaign goals. Nonprofit, Free.
- [Drawn-Check Us vs Them Table](https://animatedwebs.com/templates/vitalis-drawn-check-comparison): A two-column 'us vs typical clinic' comparison where checks draw and crosses strike in rhythm. Health & Wellness, Free.
- [Dynamic Currency Exchange Display](https://animatedwebs.com/templates/valutaflow-currency-exchange-piles): Scroll-driven currency conversion: coins and notes tumble and transform with physics.. Ecommerce, Free.
- [Dynamic Fabric Drape Hero](https://animatedwebs.com/templates/silken-arc-fabric-drape): A luxurious fashion hero with a responsive 3D fabric drape that reacts to cursor and light. Fashion & Luxury, Pro.
- [Dynamic Map Journey](https://animatedwebs.com/templates/wanderframe-expeditions-map-journey): A travel section that reveals an expedition route on an interactive map with scroll-driven reveals. Travel, Free.
- [Dynamic Rate Slider](https://animatedwebs.com/templates/dynamic-rate-slider): A pricing toggle that slides between plans with morphing SVG waves and odometer price counters. Fintech, Pro.
- [Dynamic Showroom Hero](https://animatedwebs.com/templates/apex-motors-dynamic-showroom): A 3D car configurator hero with real-time reflections and dynamic environment lighting. Automotive, Pro.
- [Earbuds Case Opening Sequence](https://animatedwebs.com/templates/wavelet-earbuds-case-open-sequence): A pinned 90-frame sequence flips open a charging case and lifts the earbuds out. Storytelling, Free.
- [Earbuds Morphing Sticky Buy Bar](https://animatedwebs.com/templates/brisa-earbuds-sticky-buy-bar): The hero's buy button detaches and morphs into a docked buy bar as you scroll. Ecommerce, Free.
- [Editorial Zoom Tunnel](https://animatedwebs.com/templates/grisaille-journal-zoom-tunnel): Fashion editorial images fly toward you in a CSS 3D tunnel as you scroll through the issue. Fashion & Luxury, Free.
- [eFoil Waterline Split Dive](https://animatedwebs.com/templates/aerohull-efoil-waterline-dive): The camera rides the waterline, splitting sky and sea, then plunges to show the foil below. Storytelling, Pro.
- [Electric Plane Flight Profile Rail](https://animatedwebs.com/templates/aeolia-electric-plane-flight-rail): A flight profile draws across the screen while a scrubbed cockpit film climbs to cruise. Storytelling, Pro.
- [Elevation Profile Trek Hero](https://animatedwebs.com/templates/aldermoor-treks-elevation-hero): An adventure hero where a procedural mountain ridge doubles as the trek's live elevation profile. Travel, Pro.
- [Embedding Space Search](https://animatedwebs.com/templates/sift-embedding-space-search): Type a query and watch it fly into a 3D cloud of documents to find its nearest neighbors. AI / SaaS, Pro.
- [Ember Heat Menu Reveal](https://animatedwebs.com/templates/lena-viva-ember-menu): A grill-house menu where embers drift up and each dish appears through a heat haze. Food & Hospitality, Pro.
- [Endless Testimonial Columns](https://animatedwebs.com/templates/pipewright-testimonial-columns): Three columns of developer love notes glide past each other at different speeds. AI / SaaS, Free.
- [Envelope Fold Contact Form](https://animatedwebs.com/templates/mara-clay-envelope-fold-contact): A studio inquiry letter that folds into an envelope, gets a wax seal, and slides away. Portfolio, Pro.
- [Equalizer Counter Stats](https://animatedwebs.com/templates/pulsebeat-equalizer-stats): Festival stats count up while equalizer bars dance behind every number. Music & Events, Free.
- [Equalizer Marquee Footer](https://animatedwebs.com/templates/chromatic-fm-equalizer-marquee-footer): A radio-station footer with a giant outlined marquee and an audio-reactive equalizer skyline. Music & Events, Pro.
- [Esports Match Countdown](https://animatedwebs.com/templates/overclock-league-match-countdown): An esports match hero with a split-flap countdown, team crests clashing and a live odds bar. Gaming & Entertainment, Pro.
- [EV Truck Dimension Line Reveal](https://animatedwebs.com/templates/talus-ridgeback-dimension-reveal): Engineering dimension lines draw over a truck's side profile as each spec is revealed. Automotive, Pro.
- [EV Windshield Zoom Into Cockpit](https://animatedwebs.com/templates/aubade-solis-windshield-zoom): The camera flies through the windshield into a cockpit whose screens become the page. Automotive, Pro.
- [Eval Matrix Live Grid](https://animatedwebs.com/templates/eval-matrix-live-grid): A dense evaluation grid with animated sparklines, regression pulses, and per-cell drill-down. AI / SaaS, Pro.
- [Fanning Card FAQ](https://animatedwebs.com/templates/clearview-fanning-card-faq): Questions stacked like a deck; click one and the cards fan open in a springy arc. Nonprofit, Free.
- [Ferrofluid Feature Bento](https://animatedwebs.com/templates/magnetar-ferrofluid-bento): Magnetic fluid blobs morph behind feature cards, reacting to cursor like living mercury. AI / SaaS, Pro.
- [Festival Lineup Reveal](https://animatedwebs.com/templates/lumen-assembly-lineup-reveal): A festival lineup that assembles itself day by day with sliding tiered typography and a ticket CTA. Music & Events, Free.
- [Festival Ticket Stub Tiers](https://animatedwebs.com/templates/driftwood-days-ticket-stubs): Festival ticket tiers as holographic paper stubs that tear off with a satisfying perforation on select. Music & Events, Pro.
- [Fighting Game Character Select](https://animatedwebs.com/templates/nova-brawl-character-select): A fighting game character-select screen with a rotating 3D fighter, stage spotlights and stat bars. Gaming & Entertainment, Pro.
- [Filament Extrusion Path Hero](https://animatedwebs.com/templates/spoolhaus-filament-extrusion): A glowing nozzle extrudes a continuous filament that prints the headline layer by layer. 3D / WebGL, Free.
- [Film Strip Gallery](https://animatedwebs.com/templates/frame-grain-film-strip-gallery): A horizontal 35mm film strip of photos with sprocket holes and velocity-driven motion blur. Portfolio, Free.
- [Financial DNA Helix Hero](https://animatedwebs.com/templates/zenith-capital-financial-dna-helix): A double-helix of transaction particles that unwinds on scroll to reveal budget insights. Fintech, Pro.
- [Fitness Band Unwrap to Sensor Strip](https://animatedwebs.com/templates/cadence-band-unwrap-sensor-strip): A fitness band unwraps into a flat strip revealing its sensor layout, then snaps back on. Storytelling, Pro.
- [Flip Layout Morph Gallery](https://animatedwebs.com/templates/obscura-nine-flip-layout-gallery): A photo mosaic that Flip-morphs into a full-bleed filmstrip and back on scroll. Portfolio, Pro.
- [Flip-Cycle Logo Grid](https://animatedwebs.com/templates/tessera-flip-cycle-logo-grid): A tidy grid of partner logos where random tiles flip in 3D to reveal more partners. Fintech, Free.
- [Floating Prism Bento](https://animatedwebs.com/templates/floating-prism-bento): A light bento grid of feature cards that float and refract on hover like glass prisms. Portfolio, Free.
- [Floating Sky Lanterns](https://animatedwebs.com/templates/lanternfall-floating-lanterns): Hundreds of paper lanterns drift up into a violet night, each glowing and flickering softly. 3D / WebGL, Free.
- [Floor Map Footer](https://animatedwebs.com/templates/horizon-trails-floor-footer): An interactive world map footer with particle connections and expanding newsletter. Travel, Pro.
- [Floorplan Hotspot Explorer](https://animatedwebs.com/templates/kaiyo-floorplan-hotspots): A crisp apartment floorplan with pulsing hotspots that open room photos and details. Real Estate & Architecture, Free.
- [Fluid Distortion Trailer Hero](https://animatedwebs.com/templates/starwake-fluid-trailer-hero): A space-opera game trailer hero where your cursor stirs the footage like cosmic ink. Gaming & Entertainment, Pro.
- [Fluxion Studio Fluid Showreel Hero](https://animatedwebs.com/templates/fluxion-studio-fluid-showreel): A Navier-Stokes fluid simulation advects kinetic type, reacting to mouse and optional audio. Agency, Pro.
- [Fold-and-Fly Newsletter](https://animatedwebs.com/templates/paperplane-fold-and-fly-newsletter): The signup card folds itself into a paper plane and flies off when you subscribe. Editorial, Pro.
- [Fold-Out Chronicle Timeline](https://animatedwebs.com/templates/chronicle-press-fold-timeline): A vertical timeline where each event card unfolds from a central spine with a paper-fold flip. Editorial, Free.
- [Folding Map Footer](https://animatedwebs.com/templates/wanderpath-folding-map-footer): A vintage paper map footer that unfolds in 3D to reveal navigation columns. Travel, Pro.
- [Footage-in-Type Hero](https://animatedwebs.com/templates/fieldnote-video-in-type-hero): Documentary footage plays inside giant serif letters that part to reveal the full frame. Storytelling, Pro.
- [ForgeDev Command Palette Playground](https://animatedwebs.com/templates/forge-command-palette): An interactive command palette demo with fuzzy search, keyboard shortcuts, and live previews. AI / SaaS, Pro.
- [Fragmented Logo Reconstruct](https://animatedwebs.com/templates/chronos-engine-logo-reconstruct): A game engine hero where the logo shatters into hundreds of fragments and then rapidly reconstructs. Gaming & Entertainment, Pro.
- [Frost-Glass Car Reveal](https://animatedwebs.com/templates/cryo-motors-frost-reveal): A car hides behind a frozen pane until your cursor melts clear windows through the frost. Automotive, Pro.
- [Frosted Cube Ripple Grid](https://animatedwebs.com/templates/pellucid-glass-cube-ripple): A field of frosted glass cubes ripples outward from every click like a pond. 3D / WebGL, Free.
- [FX Split-Flap Rate Board](https://animatedwebs.com/templates/kurrant-fx-split-flap): A departures-style board flips live currency rates with clattering precision. Fintech, Pro.
- [Gemstone Shimmer Display](https://animatedwebs.com/templates/luminara-jewels-shimmer-display): A luxury jewellery product hero showcasing a gem with interactive light refractions and dispersion.. Fashion & Luxury, Pro.
- [Generative Nebula 404](https://animatedwebs.com/templates/voyager-labs-404-generative): A living nebula that forms the 404 number and disperses on interaction. Gaming & Entertainment, Pro.
- [Genesis Low-Tops Texture Reveal](https://animatedwebs.com/templates/strideforge-genesis-texture-reveal): A scroll-driven spotlight on premium sneaker materials and craftsmanship. Ecommerce, Free.
- [Git Graph Roadmap](https://animatedwebs.com/templates/quiver-git-graph-roadmap): A product roadmap rendered as a branching commit graph that draws itself as you scroll. AI / SaaS, Pro.
- [Glass Toggle Pricing](https://animatedwebs.com/templates/ampersand-glass-pricing-waves): A pricing section with a liquid glass toggle, rolling digits and calm wave lines behind. AI / SaaS, Pro.
- [Glowing Prompt Box Hero](https://animatedwebs.com/templates/hollo-prompt-box-orb): A prompt box with a rotating gradient border sits in front of a breathing point-cloud orb. AI / SaaS, Pro.
- [Grain Mesh Gradient Hero](https://animatedwebs.com/templates/velisse-grain-mesh-gradient-hero): A pastel mesh gradient breathes behind a skincare product with film grain and soft caustics. Health & Wellness, Pro.
- [Growing Vine Timeline](https://animatedwebs.com/templates/hollow-oak-vine-growth-timeline): A grapevine grows down the page tying each vintage of the winery's story together. Food & Hospitality, Pro.
- [Halftone Resolve Team Grid](https://animatedwebs.com/templates/helix-halftone-resolve-team): Researcher portraits start as CMYK halftone dots and resolve into photos under the cursor. 3D / WebGL, Pro.
- [Hanging Swatch Tag Wall](https://animatedwebs.com/templates/tessitura-rovi-swatch-tag-wall): A textile mill's fabric swatches hang on hooks and sway like real cloth tags as you pass. Fashion & Luxury, Pro.
- [Headline Dust Dissolve](https://animatedwebs.com/templates/prismara-msdf-dissolve): A serif headline crumbles into glowing dust and petals, then re-forms into the next line. 3D / WebGL, Pro.
- [Heritage Car Horizontal Track](https://animatedwebs.com/templates/corsaro-motors-heritage-track): Eight decades of cars glide past on a horizontal track with a rolling year odometer. Automotive, Pro.
- [Hiking Boot X-Ray Turntable](https://animatedwebs.com/templates/ridgeford-boot-xray-turntable): A boot turntable with a scanning x-ray band that reveals the sole, shank and membrane inside. Ecommerce, Pro.
- [Home Charger Cable Spec Reveal](https://animatedwebs.com/templates/ampere-charger-cable-spec-reveal): A charging cable draws itself across the page, plugging into each spec as it passes. Automotive, Free.
- [Horizon Gate ZK Proof Visualizer](https://animatedwebs.com/templates/horizon-gate-zk-proof-visualizer): An interactive shader that steps through a zero-knowledge proof verification. Web3, Pro.
- [Horizon Testimonial Globe](https://animatedwebs.com/templates/azimuth-horizon-testimonials): A rotatable 3D globe with testimonial pins that expand into cards on click. Travel, Pro.
- [Hydration App Liquid Fill](https://animatedwebs.com/templates/sipwise-liquid-fill-tracker): A hydration app hero where a glass fills with sloshing water as you tap to log each drink. Health & Wellness, Free.
- [Impossible Staircase Loop](https://animatedwebs.com/templates/escherine-impossible-stairs): A raymarched Escher-style staircase loops forever as the camera climbs it endlessly. 3D / WebGL, Pro.
- [Infinite Distortion Gallery](https://animatedwebs.com/templates/prism-lens-infinite-gallery): An endless masonry grid where images warp through a WebGL lens on hover. Portfolio, Pro.
- [Infinite Masonry Distortion](https://animatedwebs.com/templates/silver-gelatin-infinite-masonry): An endless photo grid with liquid WebGL hover distortion and lazy-loaded tiles. Portfolio, Free.
- [Infinite Road Hero](https://animatedwebs.com/templates/apexmotors-infinite-road-hero): An abstract, procedural infinite road with glowing lines and volumetric fog for an automotive brand. Automotive, Pro.
- [Insert Coin Newsletter](https://animatedwebs.com/templates/starfall-coin-burst-newsletter): An 8-bit arcade signup where subscribing inserts a coin and bursts pixel confetti. Gaming & Entertainment, Pro.
- [Integration Orbit Hub](https://animatedwebs.com/templates/conduit-integration-orbit-hub): Two dozen app tiles orbit a glowing hub on tilted rings with data pulses between them. AI / SaaS, Pro.
- [Interactive Data Mesh Hero](https://animatedwebs.com/templates/nexus-foundry-data-mesh-hero): A hero featuring a dynamic, interactive force-directed graph of glowing data nodes and connections. AI / SaaS, Free.
- [Interactive Storyboard Timeline Section](https://animatedwebs.com/templates/frame-frequency-storyboard-timeline): Scrub through a film's storyboard as video sprites animate on a WebGL timeline. Agency, Pro.
- [Invoice Paper Plane Send](https://animatedwebs.com/templates/ledgerleaf-invoice-paper-plane): An invoice folds itself into a paper plane and flies off along a ribbon trail. Fintech, Free.
- [Iso-Cube Feature Grid](https://animatedwebs.com/templates/novus-iso-cube-feature-grid): Isometric glass cubes float, lean to the cursor, and expand into detailed cards. AI / SaaS, Pro.
- [Kaleidoscope Shader Hero](https://animatedwebs.com/templates/kaleid-polar-mirror-hero): A candy-bright kaleidoscope folds a flowing image into twelve mirrored segments that twist with scroll. 3D / WebGL, Free.
- [Kinetic Canvas Type Hero](https://animatedwebs.com/templates/kinetic-canvas-type-hero): Variable font headlines that dance to scroll velocity, with a velocity marquee of project tags. Agency, Pro.
- [Kinetic Drop Countdown](https://animatedwebs.com/templates/velocity-kicks-drop-counter): A dynamic, fragmented countdown for a limited edition sneaker drop, featuring a subtle speed-line background.. Ecommerce, Free.
- [Kinetic Pull-Quote Marquee](https://animatedwebs.com/templates/the-understory-quote-marquee): A blog pull-quote section where oversized quotes loop in opposing marquees that slow down to read on hover. Editorial, Free.
- [Kinetic Timeline Reel Section](https://animatedwebs.com/templates/kinetic-timeline-motion-reel): A 3D path timeline scrubs a showreel; variable type morphs at each keyframe. Portfolio, Pro.
- [Kinetic Transaction Tape](https://animatedwebs.com/templates/kinetic-pay-transaction-tape): A 3D ticker tape of live payments that twists and scales with volume. Fintech, Free.
- [Kinetic Type Course Spotlight](https://animatedwebs.com/templates/momentum-kinetic-type-spotlight): A hero section using dynamic, kinetic typography to highlight key benefits of an online course or program.. Education, Free.
- [Kinetic Type FAQ Accordion](https://animatedwebs.com/templates/verba-kinetic-faq-accordion): Answers reveal per-character with spring physics; questions shift weight on open. Education, Free.
- [Lace Veil Image Reveal](https://animatedwebs.com/templates/veil-atelier-lace-image-reveal): Bridal images unveil through a lifting lace pattern that dissolves into light. Fashion & Luxury, Free.
- [Laser Engraving Ring Preview](https://animatedwebs.com/templates/ilse-goldsmiths-laser-engrave): Type a message and watch a laser engrave it inside a gold ring with sparks and glow. Fashion & Luxury, Pro.
- [Lattice Bento Features](https://animatedwebs.com/templates/ledgerlattice-bento-features): A responsive bento grid where each tile expands on hover with a smooth layout shift. Fintech, Free.
- [Layered Coffee Drink Builder](https://animatedwebs.com/templates/little-tern-drink-builder): Build a coffee order and watch espresso, milk and foam layer into a glass cup. Food & Hospitality, Free.
- [Light Trail Canvas](https://animatedwebs.com/templates/exposure-agency-light-trail-canvas): Cursor light trails persist and assemble into project thumbnails, a long-exposure hero. Agency, Free.
- [Light-Streak Speed CTA](https://animatedwebs.com/templates/veloce-light-streak-cta): Tail-light streaks race past a reservation call-to-action at the speed of your scroll. Automotive, Pro.
- [Liquid Glass Feature Bento](https://animatedwebs.com/templates/refract-liquid-glass-bento): Refractive liquid glass tiles bend a drifting gradient behind them with elastic edges. AI / SaaS, Pro.
- [Liquid Metal CTA Band](https://animatedwebs.com/templates/orbitra-liquid-metal-cta): A chrome wordmark melts and flows under the cursor above a single mint button. Web3, Pro.
- [Liquid Metal Logo Hero](https://animatedwebs.com/templates/gloss-liquid-metal-logo): A chrome liquid-metal wordmark flows and refracts above an image model's prompt bar. AI / SaaS, Pro.
- [Liquid Reveal Services Accordion](https://animatedwebs.com/templates/wick-wire-liquid-services): Service rows reveal their imagery through a liquid, noise-driven WebGL wipe on hover. Agency, Pro.
- [Liquid Savings Jars](https://animatedwebs.com/templates/fernpoint-savings-jars): Three glass savings jars fill with wobbling liquid as goals get closer. Fintech, Free.
- [Liquid Split Comparison](https://animatedwebs.com/templates/saffron-sage-liquid-split-compare): Two meal-plan columns separated by a draggable liquid divider that warps like mercury. Food & Hospitality, Free.
- [Liquidity Wave Hero](https://animatedwebs.com/templates/crestline-bank-liquidity-wave): A 3D ocean of liquidity pools where wave height = TVL and color = APY. Fintech, Pro.
- [Live Block Stack Explorer](https://animatedwebs.com/templates/blockpulse-falling-blocks): New blocks drop in like a puzzle game and stack into a living chain height counter. Web3, Free.
- [Live Code Sandbox Hero](https://animatedwebs.com/templates/codelift-live-sandbox-hero): A split-pane editor that types, runs and renders a WebGL scene in real time. AI / SaaS, Free.
- [Live Couture Auction Lot](https://animatedwebs.com/templates/gavel-silk-live-auction-lot): A live auction lot for vintage couture with a ticking bid clock, bid ladder and paddle-raise animation. Fashion & Luxury, Pro.
- [Live Radio Stream Player](https://animatedwebs.com/templates/subtone-radio-live-player): A community radio live player hero with reactive frequency bars, now-playing marquee and live chat. Music & Events, Pro.
- [Live Sparkline Stats Band](https://animatedwebs.com/templates/cindervale-live-sparkline-stats): Fund metrics tick like a terminal while sparklines draw and redraw beside each figure. Fintech, Pro.
- [Live Yield Surface Hero](https://animatedwebs.com/templates/fluxion-yield-surface-hero): A warping 3D yield curve mesh that breathes with real-time rate data. Fintech, Pro.
- [Living Ink Testimonials](https://animatedwebs.com/templates/inkwell-quote-wall): Handwritten quotes bleed into the paper as you scroll, each with a unique ink-splash reveal. Editorial, Pro.
- [Loft Configurator](https://animatedwebs.com/templates/lumen-loft-configurator): Drag materials, slide light, watch price update in a real-time 3D loft. Real Estate & Architecture, Free.
- [Log Stream Glitch Search](https://animatedwebs.com/templates/loglyph-regex-glitch-stream): A torrent of noisy logs glitches into clarity the moment your search finds the error. AI / SaaS, Pro.
- [Loot Reveal Crystal Shatter](https://animatedwebs.com/templates/crystal-siege-loot-shatter): A game reward reveal where a crystal geode cracks, shatters into prism shards and reveals a legendary item. Gaming & Entertainment, Pro.
- [Lost Compass 404](https://animatedwebs.com/templates/wanderlost-spinning-compass-404): A compass needle spins helplessly over drifting paper clouds on a friendly 404. Travel, Free.
- [Lounge Chair Material Configurator](https://animatedwebs.com/templates/ferrow-chair-material-configurator): Swap fabric, leather and wood on a 3D lounge chair with a dissolve that stitches in the new material. Ecommerce, Pro.
- [Low-Poly Trek Hero](https://animatedwebs.com/templates/zephyr-gear-lowpoly-trek): An outdoor gear hero with a tranquil low-poly landscape and floating product showcase. Ecommerce, Free.
- [Luggage Size Checker](https://animatedwebs.com/templates/waypoint-cases-luggage-size-check): Slide between suitcase sizes and see which one fits the overhead bin, the airline and your trip. Ecommerce, Free.
- [Magazine Cover 3D Carousel](https://animatedwebs.com/templates/hinterland-journal-cover-carousel): A magazine back-issue shelf where covers orbit in a 3D ring and flip open to their contents. Editorial, Pro.
- [Magnetic Bento Feature Grid](https://animatedwebs.com/templates/fluxion-magnetic-bento-grid): A bento grid where cards magnetically snap to the cursor and layers parallax in depth. AI / SaaS, Pro.
- [Magnetic Bento Grid](https://animatedwebs.com/templates/magnetask-bento-grid): Feature cards that snap to a magnetic cursor field, revealing depth on hover. AI / SaaS, Free.
- [Magnetic Contact Form](https://animatedwebs.com/templates/harbor-pine-magnetic-contact-form): Floating-label inquiry form with a magnetic send button and a keys-handover success state. Real Estate & Architecture, Free.
- [Magnetic Team Grid](https://animatedwebs.com/templates/magnetic-team-grid): Avatars repel and attract like charged particles, revealing roles on hover. Portfolio, Pro.
- [Mandelbulb Fractal Explorer](https://animatedwebs.com/templates/gildmark-mandelbulb-explorer): An orbitable raymarched Mandelbulb breathes between powers 6 and 9 in gilded light. 3D / WebGL, Pro.
- [Map Unfold FAQ](https://animatedwebs.com/templates/scholara-map-faq): FAQ items unfold like animated map sections revealing answers beneath. Education, Free.
- [Maritime Museum Object Timeline](https://animatedwebs.com/templates/harrowgate-maritime-object-timeline): A maritime museum timeline where each artefact rotates in 3D as you scroll through three centuries. Education, Pro.
- [Mass Timber Panel Assembly](https://animatedwebs.com/templates/ironframe-clt-assembly): Cross-laminated timber panels fly in and lock together into a building on scroll. Real Estate & Architecture, Pro.
- [Matching Gift Woven Threads](https://animatedwebs.com/templates/common-thread-woven-match): A matching-gift appeal where two sets of coloured threads weave together as donations are doubled. Nonprofit, Pro.
- [Mercury Morph Pricing Cards](https://animatedwebs.com/templates/argentum-mercury-pricing-toggle): Pricing cards that melt between monthly and annual states like liquid mercury. Fintech, Pro.
- [Meridian Pay Morph Pricing](https://animatedwebs.com/templates/meridian-pay-morph-pricing): Pricing cards that morph between monthly and annual with a liquid metal transition. Fintech, Pro.
- [Mesh Bento Features](https://animatedwebs.com/templates/nimbus-code-mesh-bento): A responsive bento grid of feature cards that ripple on hover with a WebGL particle mesh. AI / SaaS, Pro.
- [Micro Drone Horizontal Spec Cards](https://animatedwebs.com/templates/wisp-micro-drone-spec-cards): A palm-size drone's specs slide past as blueprint cards whose line drawings draw themselves. Storytelling, Free.
- [Model Cascade Router](https://animatedwebs.com/templates/cascade-model-router-viz): Animated request flow through a model cascade with live latency waterfalls and cost accumulation. AI / SaaS, Pro.
- [Model Router Flow Section](https://animatedwebs.com/templates/meridian-model-router-flow): An animated flowchart showing a prompt routed through classifier, small, large, and critic models. AI / SaaS, Free.
- [Modular Feature Rings](https://animatedwebs.com/templates/vitalring-modular-feature-rings): Concentric SVG rings draw themselves to reveal feature icons, then rotate on hover like a dial. Health & Wellness, Free.
- [Modular Pricing Builder](https://animatedwebs.com/templates/kinetix-modular-pricing-builder): Drag modules into a live plan and watch the total animate in real time. Fintech, Free.
- [Molten Metal Pour Hero](https://animatedwebs.com/templates/ingot-molten-metal-pour): A crucible pours glowing molten bronze into a mould while heat haze and sparks fill the air. 3D / WebGL, Pro.
- [Mood Check-In Morphing Blob](https://animatedwebs.com/templates/tendwell-mood-checkin-blob): A mental-health check-in where a soft blob changes shape, colour and breath as you slide how you feel. Health & Wellness, Pro.
- [Morphing Blob Sculpture Hero](https://animatedwebs.com/templates/morphic-studio-blob-hero): A WebGL metaball sculpture that morphs between project silhouettes on scroll. Portfolio, Free.
- [Morphing Mega-Menu Navbar](https://animatedwebs.com/templates/noctis-morphing-mega-menu): One floating dropdown panel that morphs its size and slides its content between menus. Music & Events, Pro.
- [Morphing Platonic Solids](https://animatedwebs.com/templates/platonic-lab-morphing-solids): Glowing wireframe solids morph from tetrahedron to icosahedron with edges that draw themselves. 3D / WebGL, Free.
- [Morphing Type Hero](https://animatedwebs.com/templates/kineticform-morphing-type-hero): A sculptural 3D text headline that fluidly morphs and transforms with scroll progress. Portfolio, Free.
- [Mortgage Affordability Bars](https://animatedwebs.com/templates/homestead-lane-mortgage-bars): Slide your income and watch amortization bars redraw into a home you can afford. Real Estate & Architecture, Free.
- [Mosaic Testimonial Wall](https://animatedwebs.com/templates/lumina-mosaic-testimonials): Testimonials arrange in a responsive mosaic that reflows with a spring layout on filter change. Editorial, Free.
- [Museum Square Lens Exhibit](https://animatedwebs.com/templates/carrow-gallery-square-lens): A museum exhibit hero where a square magnifying lens reveals restored colour beneath a faded painting. Education, Pro.
- [Nebula Core Platform](https://animatedwebs.com/templates/astraeon-nebula-platform): An AI platform hero featuring a dynamically generated nebula with an orbiting, pulsing data core. AI / SaaS, Pro.
- [Nebula Particle Hero](https://animatedwebs.com/templates/nebula-forge-particle-hero): A deep-space particle field that coalesces into the product logo on scroll. AI / SaaS, Pro.
- [Neon Tube Sign Hero](https://animatedwebs.com/templates/neonbloom-tube-sign): Real 3D neon tubes flicker on letter by letter against a dark brick wall. 3D / WebGL, Free.
- [Network Pulse Navbar](https://animatedwebs.com/templates/kyroth-network-pulse-navbar): A Web3 navbar with a live block ticker, gradient-orbit border and command-bar search. Web3, Pro.
- [Neural Pulse Hero](https://animatedwebs.com/templates/neural-pulse-hero): A living neural network pulses in sync with scroll, revealing a headline through a synaptic wave. AI / SaaS, Pro.
- [Next Warm Batch Countdown](https://animatedwebs.com/templates/ovenbird-bakery-next-batch-countdown): A bakery countdown to the next tray out of the oven, with a glowing oven door and a notify list. Food & Hospitality, Free.
- [Night Mode Pinned Split Scrub](https://animatedwebs.com/templates/nocta-imaging-night-mode-split): A dark street photo brightens under a sweeping divider as scroll drives the exposure. Storytelling, Free.
- [Oat Carton Unfold to Dieline](https://animatedwebs.com/templates/grainfield-oat-carton-dieline): A milk carton unfolds flat into its printed dieline, then folds back up. Ecommerce, Free.
- [Odometer Pricing Toggle](https://animatedwebs.com/templates/ledgerly-odometer-pricing-toggle): Monthly-to-yearly toggle that rolls every price like a mechanical odometer. Fintech, Free.
- [On-Chain Name Morph](https://animatedwebs.com/templates/sigil-id-name-morph): Type a name and it morphs from a cryptic wallet address into an elegant identity sigil. Web3, Pro.
- [Orbit Pricing Toggle](https://animatedwebs.com/templates/celestia-orbit-pricing): Pricing tiers orbit a central sun; toggling plan changes orbit radius and speed. Fintech, Pro.
- [Orbital Testimonial Carousel](https://animatedwebs.com/templates/astralis-orbital-testimonial-carousel): Six testimonial cards orbit a central quote in 3D space, auto-rotating and scroll-driven. Agency, Pro.
- [Orbital Tier Pricing](https://animatedwebs.com/templates/orbitier-tiered-pricing): Three planetary tiers orbit a central star; selecting a tier pulls it into focus with a gravitational UI shift. Fintech, Pro.
- [Orbiting Sphere Logo Cloud](https://animatedwebs.com/templates/parallax-orbit-sphere-logo-cloud): Client logos orbit on a slowly spinning 3D sphere you can grab and fling. 3D / WebGL, Pro.
- [Orbitly Command Palette Playground](https://animatedwebs.com/templates/orbitly-command-palette): A fully interactive command palette with fuzzy search, keyboard nav, and animated results. AI / SaaS, Free.
- [Origami Crane Folding Hero](https://animatedwebs.com/templates/kamifold-origami-crane-fold): A square of paper folds itself crease by crease into a crane that flaps away. 3D / WebGL, Free.
- [Origami Feature Bento](https://animatedwebs.com/templates/foldline-origami-bento): Feature cards fold like origami on hover, unfolding to reveal details. Agency, Free.
- [Paperfold FAQ Accordion](https://animatedwebs.com/templates/paperfold-faq-accordion): Each FAQ answer unfolds like a paper fold with 3D CSS transforms. Education, Pro.
- [Parallax Depth Photo Essay Section](https://animatedwebs.com/templates/silverlight-parallax-depth-section): Layered images separate on scroll with a WebGL lens‑blur depth pass. Portfolio, Free.
- [Parallax Tiles and Map Pin Bento](https://animatedwebs.com/templates/aurum-estates-parallax-map-bento): A property bento with parallax photo tiles, a map where pins drop in, and a mortgage mini-calc. Real Estate & Architecture, Pro.
- [Particle Diff Hero](https://animatedwebs.com/templates/codetrace-particle-diff-hero): A flowing code stream splits into added and removed particles that resolve into a clean diff view. AI / SaaS, Pro.
- [Particle Initial Hero](https://animatedwebs.com/templates/novaform-particle-initial-hero): A hero section for a 3D artist where a particle cloud forms the artist's initial and explodes into a showreel. Portfolio, Free.
- [Particle Swarm Hero](https://animatedwebs.com/templates/nexaflow-particle-swarm-hero): A cloud of 12,000 particles resolves into the product name on scroll, then disperses on cursor proximity. AI / SaaS, Pro.
- [Particle Wordmark Hero](https://animatedwebs.com/templates/vektra-particle-wordmark-hero): 40,000 GPU particles swarm out of curl-noise chaos and lock into a crisp wordmark. AI / SaaS, Pro.
- [Pastel Metaball Hero](https://animatedwebs.com/templates/somnaria-metaball-raymarch): Soft raymarched metaballs merge and split in a pastel thin-film shimmer. 3D / WebGL, Free.
- [Payment Flow Sankey Section](https://animatedwebs.com/templates/prism-pay-sankey-flow): An animated Sankey diagram shows money moving between accounts, merchants, and networks in real time. Fintech, Pro.
- [Perspective Floor Hero](https://animatedwebs.com/templates/lithos-floor-hero): A 3D perspective grid floor that rises and reveals content as you scroll. Real Estate & Architecture, Pro.
- [Phone Specs Odometer Numbers](https://animatedwebs.com/templates/numera-phone-odometer-specs): Giant spec numbers roll like mechanical odometers as each one scrolls into place. Storytelling, Free.
- [Photo Essay Scroll Planes](https://animatedwebs.com/templates/longform-atelier-photo-essay): A long-form photo essay where images bend and ripple like paper with scroll velocity. Editorial, Pro.
- [Photochromic Eyewear Hero](https://animatedwebs.com/templates/mirage-optics-photochromic-lens): Sunglasses refract a sunny street scene and their lenses darken live as the sun comes out. 3D / WebGL, Pro.
- [Physics Capsule Cluster](https://animatedwebs.com/templates/brasswind-physics-capsules): Glossy capsules crowd toward the centre and scatter from your cursor in real rigid-body physics. Agency, Pro.
- [Physics Playground 404](https://animatedwebs.com/templates/driftlabs-physics-404): The digits 4-0-4 fall, tumble and can be flung around a neon arena. Gaming & Entertainment, Pro.
- [Physics Skate Ramp Toy](https://animatedwebs.com/templates/grindhouse-skate-ramp-toy): Flick a skateboard around a halfpipe and land tricks in real rigid-body physics. 3D / WebGL, Pro.
- [Pinned Road Roadmap](https://animatedwebs.com/templates/aerion-drawn-path-roadmap): A horizontal roadmap where a road line draws itself and an EV silhouette drives the milestones. Automotive, Pro.
- [Pixel Art Studio Hero](https://animatedwebs.com/templates/pocket-comet-pixel-parallax): An indie game studio hero with a layered pixel-art parallax sky and a comet that streaks on hover. Gaming & Entertainment, Free.
- [Pixel Game Patch Notes](https://animatedwebs.com/templates/burrow-bros-patch-notes): A game changelog where patch entries pop in like loot drops with chunky pixel counters and XP bars. Gaming & Entertainment, Free.
- [Pixel-Sort Glitch Hero](https://animatedwebs.com/templates/sortline-pixel-sort-bust): A rotating chrome bust melts into streaks of sorted pixels that drip and snap back. 3D / WebGL, Free.
- [Point Cloud Reassembly Hero](https://animatedwebs.com/templates/vertex-void-point-cloud-reassembly): A dispersed point cloud assembles into a 3D model as you scroll, with a wireframe cursor reveal. Portfolio, Free.
- [Polaroid Drop Team Wall](https://animatedwebs.com/templates/nordfell-polaroid-team-wall): Volunteer polaroids drop onto a corkboard with handwritten name labels. Nonprofit, Free.
- [Polaroid Fan Gallery](https://animatedwebs.com/templates/instant-lab-fan-gallery): A stack of Polaroid photos that fans out in 3D on scroll, each flipping to reveal back details on click. Portfolio, Pro.
- [Portfolio Growth Garden](https://animatedwebs.com/templates/flow-capital-growth-garden): An investing hero where each holding grows as a living plant fed by dividends and price action. Fintech, Free.
- [Procedural Constellation Network](https://animatedwebs.com/templates/constellation-dao-network): A Web3 hero visualizing DAO community connections as a glowing, generative particle network. Web3, Free.
- [Procedural Data Orb Hero](https://animatedwebs.com/templates/cosmosai-procedural-data-orb): A hero section for an AI platform with a dynamic, procedural planet visualizing live data streams.. AI / SaaS, Pro.
- [Procedural Sapling CTA](https://animatedwebs.com/templates/seedling-lsystem-growth-cta): A procedural sapling grows branch by branch as the chosen donation amount increases. Nonprofit, Pro.
- [Product Caustics Hero](https://animatedwebs.com/templates/fluidiclabs-product-caustics-hero): A premium product bottle submerged in physics-simulated liquid generating real-time caustics. 3D / WebGL, Pro.
- [Prompt A/B Stream Compare](https://animatedwebs.com/templates/duplex-prompt-ab-stream): Dual streaming panels with synchronized token-level diff and a live verdict column. AI / SaaS, Pro.
- [Prompt Chain Flow Section](https://animatedwebs.com/templates/flowstate-prompt-chain-section): An animated node graph that visualises tokens flowing through a multi-step prompt pipeline. AI / SaaS, Pro.
- [Prompt Diffusion Visualizer](https://animatedwebs.com/templates/promptera-diffusion-visualizer): Watch prompt tokens diffuse into embedding space as interactive particles. AI / SaaS, Free.
- [Prompt Optimization Playground](https://animatedwebs.com/templates/echo-prompt-playground): A live prompt box that rewrites your input into a structured, high-recall version with animated diff chips. AI / SaaS, Free.
- [Prompt Orb Section](https://animatedwebs.com/templates/orbitai-prompt-orb-section): A floating orb that expands into a prompt composer on click. AI / SaaS, Free.
- [Prompt Orbit Orb](https://animatedwebs.com/templates/nexus-prompt-orbit): A glowing orb surrounded by orbiting suggestion chips that respond to voice and text. AI / SaaS, Free.
- [Protein Fold Ribbon Hero](https://animatedwebs.com/templates/foldwise-protein-ribbon): A protein unfolds into a string of atoms and refolds into a glowing ribbon cartoon. 3D / WebGL, Pro.
- [Pulse Dynamic Stride](https://animatedwebs.com/templates/pulse-dynamic-stride-section): A scroll-driven horizontal reveal for a new sneaker's design details and material innovations. Ecommerce, Free.
- [Pulse Metrics Bar](https://animatedwebs.com/templates/pulse-metrics-bar): Animated SVG charts draw on scroll while counters tick up with easing. Health & Wellness, Pro.
- [Quartz Studio Glyph Mesh Section](https://animatedwebs.com/templates/quartz-studio-glyph-mesh-section): An interactive mesh of variable-font glyphs that morph on hover like living crystal. Portfolio, Free.
- [Quick-View Product Grid](https://animatedwebs.com/templates/marlow-goods-quick-view-grid): A product grid where cards morph into a quick-view panel and items arc into the cart. Ecommerce, Free.
- [Quill & Anchor Bento Features](https://animatedwebs.com/templates/quill-anchor-bento-features): A responsive bento grid where each card unfolds with a staggered 3D flip on scroll. Editorial, Free.
- [Quote Mosaic Wall](https://animatedwebs.com/templates/quote-mosaic-wall): A masonry testimonial wall that rearranges on scroll and flips to reveal author details. Editorial, Pro.
- [Radial Pricing Dial](https://animatedwebs.com/templates/orbitchain-radial-pricing-dial): A circular dial with three tier wedges rotates on plan selection, revealing details in a fixed panel. Web3, Pro.
- [Radial Swatch Variant Picker](https://animatedwebs.com/templates/basalt-outerwear-colour-radial-swatch): Pick a jacket colour and the product image re-dyes itself with a radial wave from the swatch. Ecommerce, Free.
- [Raking Light Sculpture Viewer](https://animatedwebs.com/templates/gypsothek-raking-light-sculpture): A scanned plaster cast turns in a dark room while a raking light reveals every chisel mark. 3D / WebGL, Pro.
- [Rally Car Dust Trail Hero](https://animatedwebs.com/templates/gravelburn-rally-dust-terrain): A rally car slides through a gravel hairpin throwing up a volumetric-looking dust storm. Automotive, Pro.
- [Raymarched Gyroid Lattice](https://animatedwebs.com/templates/voxa-gyroid-lattice-hero): A raymarched gyroid lattice thickens and thins like 3D-printed infill under a moving clip plane. 3D / WebGL, Free.
- [Reaction-Diffusion Sphere](https://animatedwebs.com/templates/morphogen-reaction-diffusion-sphere): Gray-Scott patterns grow like coral and leopard spots across a slowly turning sphere. 3D / WebGL, Free.
- [Real-Time Metrics Dashboard Hero](https://animatedwebs.com/templates/metricity-realtime-dashboard-hero): Live charts that stream simulated data with a command palette to switch views. AI / SaaS, Pro.
- [Reflective Floor Project Gallery](https://animatedwebs.com/templates/vantwell-reflective-floor-gallery): Architecture projects hang as framed planes over a blurred mirror floor you can walk into. Real Estate & Architecture, Pro.
- [Reflective Water Lobby](https://animatedwebs.com/templates/azure-isle-lobby): A luxury hotel hero featuring a tranquil, reflective water surface mirroring architectural forms. Food & Hospitality, Free.
- [Refracting Glass Typography](https://animatedwebs.com/templates/clearcut-glass-type-hero): Chunky 3D glass letters refract a bold striped world behind them as they tumble into place. 3D / WebGL, Pro.
- [Refugee Support Impact Dot Map](https://animatedwebs.com/templates/open-doorway-impact-dotmap): An impact section where thousands of dots gather from across a map into the families helped this year. Nonprofit, Pro.
- [Reserve Cask Whisky Reveal](https://animatedwebs.com/templates/agedember-reserve-whisky-reveal): A sophisticated section revealing a premium whisky bottle with atmospheric lighting and reflections. Ecommerce, Free.
- [RGB-Split Case Study Index](https://animatedwebs.com/templates/corvid-kin-rgb-hover-index): A case-study list whose floating preview tears into RGB channels as the cursor speeds up. Agency, Free.
- [Ribbon Testimonial Wall](https://animatedwebs.com/templates/velvet-agency-ribbon-testimonials): A 3D ribbon carousel of client quotes that fans out on scroll. Agency, Pro.
- [Rising Dough Newsletter](https://animatedwebs.com/templates/crumbwell-rising-dough-newsletter): A recipe-club signup where a loaf of dough proofs and rises as you type your email. Food & Hospitality, Free.
- [Risk Radar Hero](https://animatedwebs.com/templates/meridian-credit-risk-radar): A sweeping radar visualizes borrower risk factors in real time with pulsing arcs. Fintech, Pro.
- [River Testimonial Flow](https://animatedwebs.com/templates/fluvio-river-testimonials): Testimonial cards drift like leaves on a flowing river, pausing on hover. Travel, Pro.
- [Rocket Pad Countdown Film Intro](https://animatedwebs.com/templates/magpie-launch-pad-countdown-intro): A T-minus-ten countdown cuts between pad camera angles until ignition fills the screen. Storytelling, Pro.
- [Rollup Batch Visualizer](https://animatedwebs.com/templates/batchlayer-rollup-batch-hero): Watch L2 batches assemble, compress, and settle in a living 3D pipeline. Web3, Free.
- [Room Window Day-to-Night](https://animatedwebs.com/templates/hotel-minuit-window-sky-rooms): Hotel rooms seen through a window whose sky turns from dawn to midnight as you choose. Food & Hospitality, Pro.
- [Rotary Dial Retainer Pricing](https://animatedwebs.com/templates/brassmonkey-rotary-dial-pricing): Spin a brass rotary knob to choose monthly studio hours and watch the retainer reprice. Agency, Pro.
- [ROV Sonar Shipwreck Scan](https://animatedwebs.com/templates/abyssal-rov-sonar-wreck-scan): A sonar sweep paints a shipwreck out of darkness, point by point, as the ROV descends. Storytelling, Pro.
- [Rowing Class Live Capacity](https://animatedwebs.com/templates/oarhouse-row-live-capacity): A rowing studio booking section with live stroke-rate bars and class cards that fill like a race. Health & Wellness, Free.
- [Sandglass Pricing Toggle](https://animatedwebs.com/templates/sterling-node-sandglass-pricing): Monthly and annual prices flow like sand through an hourglass when toggled. Fintech, Pro.
- [Schema Migration Timeline](https://animatedwebs.com/templates/schemasculpt-migration-timeline): A horizontal timeline where each migration step assembles into a 3D schema diagram on scroll. AI / SaaS, Pro.
- [Scroll-Drawn Changelog](https://animatedwebs.com/templates/shipnote-changelog-timeline): A changelog timeline whose spine draws itself as release cards snap in beside it. AI / SaaS, Free.
- [Scroll-Driven Photo Narrative](https://animatedwebs.com/templates/pathfinder-journeys-scroll-narrative): An editorial layout where large images reveal with dynamic clip-paths, creating a captivating scroll journey.. Editorial, Free.
- [Seat Availability Reservation Flow](https://animatedwebs.com/templates/tavola-nera-reservation-flow): A reservation widget where time slots rise and fall like a live bar chart of open seats. Food & Hospitality, Free.
- [Seed Phrase Wallet Hero](https://animatedwebs.com/templates/vaultling-seed-scramble): Twelve seed words scramble through glyphs, then lock into a secure grid. Web3, Free.
- [Seismic Hex Terrain Map](https://animatedwebs.com/templates/faultline-seismic-hex-map): A hexagonal tectonic map where each earthquake sends a visible ripple through thousands of columns. 3D / WebGL, Pro.
- [Shakeable Snow Globe Hero](https://animatedwebs.com/templates/flurry-shake-snow-globe): Shake a glass snow globe with your cursor and watch thousands of flakes swirl and settle. 3D / WebGL, Pro.
- [Shared-Layout Pill Pricing](https://animatedwebs.com/templates/brightloom-layout-pill-pricing): Learner, Team and School plans with a pill that glides between audiences and cards that reflow. Education, Free.
- [Signal Particle Hero](https://animatedwebs.com/templates/synapse-signal-particle-hero): A live particle field visualizes data streams that react to cursor and scroll. AI / SaaS, Pro.
- [Silver Gelatin Gallery Section](https://animatedwebs.com/templates/silver-gelatin-photo-gallery): Analog film development simulation transitions between photographs. Portfolio, Free.
- [Site Sun Path Analyzer](https://animatedwebs.com/templates/lumen-architects-sun-path): Drag the date slider to watch shadows crawl across a building massing model all year. Real Estate & Architecture, Free.
- [Sizzle Micro-Motion Bento](https://animatedwebs.com/templates/hearthfield-sizzle-bento): A sunny restaurant bento where every tile has a tiny CSS kitchen animation. Food & Hospitality, Free.
- [Sliding Highlight Comparison Table](https://animatedwebs.com/templates/cobalt-sliding-highlight-comparison): A feature matrix with a sticky header and a highlight column that glides to your hover. AI / SaaS, Free.
- [Sliding Iris Photo Essay](https://animatedwebs.com/templates/veridian-quarterly-iris-photo-essay): A photo essay section revealing images through a dynamic iris aperture with kinetic typography.. Editorial, Pro.
- [Sliding Panel Pricing Toggle](https://animatedwebs.com/templates/equinox-labs-pricing-toggle): Monthly/annual toggle slides panels like a precision instrument. Fintech, Pro.
- [Sliding Scale Pricing](https://animatedwebs.com/templates/equilend-sliding-scale-pricing): A dual-range slider that morphs three pricing cards in real time with FLIP animations. Fintech, Pro.
- [Smart Ring Macro Zoom-Through](https://animatedwebs.com/templates/auric-ring-sensor-zoom): The camera dives through a gold ring's inner surface to reveal the sensors inside. Storytelling, Pro.
- [Sneaker Colourway Material Track](https://animatedwebs.com/templates/loopline-kicks-colorway-material-track): A pinned 3D sneaker swaps suede, knit and leather as colourway cards slide past. Ecommerce, Pro.
- [Sneaker Drop Turntable](https://animatedwebs.com/templates/rarebird-sneaker-drop-turntable): Drag to spin a 36-frame sneaker turntable while a countdown ticks to release. Ecommerce, Free.
- [Sneaker Laces Unthread to Pattern](https://animatedwebs.com/templates/threadbare-lace-unthread-pattern): The laces pull out of a 3D sneaker and the upper unfolds into its flat sewing pattern. Ecommerce, Pro.
- [Sneaker Shockwave Drop Intro](https://animatedwebs.com/templates/vandal-athletic-shockwave-intro): A preloader counts to 100, then a sneaker slams down and sends a shockwave through the grid. Ecommerce, Pro.
- [Soap Bubble Review Wall](https://animatedwebs.com/templates/loop-lather-bubble-reviews): Customer reviews float up inside iridescent soap bubbles that pop when you catch them. Ecommerce, Free.
- [Soda Can Conveyor Belt Track](https://animatedwebs.com/templates/snapcap-soda-conveyor-track): Pop-art soda cans ride a conveyor sideways, getting filled, capped and labelled. Ecommerce, Free.
- [Solar Flare Hero](https://animatedwebs.com/templates/solflare-solar-hero): A living star surface with magnetic loops that erupt on scroll, revealing the product promise. AI / SaaS, Pro.
- [Solar Roof Five-Level Zoom](https://animatedwebs.com/templates/slatelight-solar-tile-zoom-levels): From orbit to a single cell: a nested zoom lands on one solar roof tile. Storytelling, Pro.
- [Sonic Bloom Particle Hero](https://animatedwebs.com/templates/bloomfest-sonic-bloom-hero): An ethereal particle field behind the hero text, subtly reacting to generative audio or ambient soundscapes.. Music & Events, Free.
- [Sonora Voice Playground](https://animatedwebs.com/templates/sonora-voice-playground): A light, tactile section where a floating orb visualizes live speech-to-intent. AI / SaaS, Free.
- [Spending Prism Hero](https://animatedwebs.com/templates/vertex-neobank-spending-prism): A glass prism splits a single beam into categorized spending rays that react to live transactions. Fintech, Pro.
- [Spinning Plate Brunch Menu](https://animatedwebs.com/templates/sunny-side-club-plate-spin-menu): A brunch menu where top-down plates spin into place as you switch categories. Food & Hospitality, Free.
- [Split-Flap Awards Table](https://animatedwebs.com/templates/saltmarsh-awards-flip-table): An awards and press table whose rows flip in like an airport departures board. Agency, Free.
- [Split-Flap Drop Countdown](https://animatedwebs.com/templates/parallel-club-split-flap-countdown): An airport-board countdown and waitlist for a limited apparel drop. Ecommerce, Free.
- [Spotlight Glass Bento](https://animatedwebs.com/templates/quorra-spotlight-glass-bento): A six-tile glass bento whose borders ignite under a cursor-tracked radial spotlight. AI / SaaS, Pro.
- [Spring Accordion FAQ](https://animatedwebs.com/templates/tidewell-spring-accordion-faq): An FAQ whose plus icons twist into minuses as answers spring open with measured height. Education, Free.
- [Spring Cart Drawer](https://animatedwebs.com/templates/northwind-supply-cart-drawer): A cart drawer with elastic items, a liquid free-shipping meter and satisfying remove gestures. Ecommerce, Pro.
- [Squishy Clay Toy Hero](https://animatedwebs.com/templates/wobblewood-clay-softbody-toys): Chunky clay toy shapes squash, stretch and jiggle like jelly when you poke or drag them. 3D / WebGL, Free.
- [Staking Constellation Hero](https://animatedwebs.com/templates/quartz-protocol-staking-constellation): A WebGL star field where each staked token becomes a luminous node in a living constellation. Web3, Pro.
- [Steamed Glass Spa Menu](https://animatedwebs.com/templates/thermae-nove-steam-glass-spa-menu): A spa treatment menu hidden behind fogged glass that you wipe clear with your cursor. Food & Hospitality, Pro.
- [Strata Geological Footer](https://animatedwebs.com/templates/bedrock-beam-strata-footer): A footer that reveals like sedimentary rock layers, scroll down to erode the surface and expose contact strata. Real Estate & Architecture, Free.
- [Stretchy Email Footer](https://animatedwebs.com/templates/ferro-lune-stretch-email): A giant email address stretches its width axis toward the cursor like soft metal. Agency, Free.
- [Strobe Grid Event Reveal](https://animatedwebs.com/templates/pulse-bloc-strobe-grid): A hero section for an event or club night with a dynamic, strobe-effect image grid.. Music & Events, Free.
- [Studio Monitor Waterfall Spectrogram](https://animatedwebs.com/templates/deepwell-studio-monitor-spectrogram): A 3D waterfall spectrogram rolls toward you as a studio monitor plays a mix. Storytelling, Pro.
- [Subscription Box Unboxing](https://animatedwebs.com/templates/harvest-crate-unboxing-reveal): A snack subscription box lifts its lid and each item arcs out to land in a tidy product grid. Ecommerce, Pro.
- [Sun-Path Shadow Study](https://animatedwebs.com/templates/cedarline-sun-path-study): Drag the sun across the sky and watch a house's shadows sweep through the day. Real Estate & Architecture, Pro.
- [Sunglasses Lens Tint Studio](https://animatedwebs.com/templates/soleida-lens-tint-configurator): Try lens tints on a pair of sunglasses and watch the world behind them change colour. Fashion & Luxury, Pro.
- [Sunlit Accordion Lookbook](https://animatedwebs.com/templates/oriel-swim-accordion-lookbook): Swimwear looks stand as tall panels that stretch open on hover like sunlight through blinds. Fashion & Luxury, Free.
- [Surf Camp Stormy Sea Hero](https://animatedwebs.com/templates/lowtide-surf-raging-sea): A surf camp hero where a stylised stormy ocean rolls and calms as you pick your skill level. Travel, Pro.
- [Surge Pricing Bars](https://animatedwebs.com/templates/apex-surge-pricing-bars): An animated pricing toggle where bars grow and morph between plans. Ecommerce, Pro.
- [SUV Trim Sticky Comparator](https://animatedwebs.com/templates/veltrine-suv-trim-comparator): A sticky SUV image swaps trims as you scroll a comparison list beside it. Automotive, Free.
- [Swipe Stack Testimonials](https://animatedwebs.com/templates/brightpath-swipe-stack-testimonials): Parent and student reviews stacked like cards you can drag and fling away. Education, Pro.
- [Syntax Particle Hero](https://animatedwebs.com/templates/cascade-code-syntax-hero): A code-like particle field assembles into highlighted syntax on scroll. AI / SaaS, Pro.
- [Table Topology Grid](https://animatedwebs.com/templates/table-topology-grid): An interactive 3D schema where tables expand into column towers on hover. AI / SaaS, Free.
- [Tablet Preorder Bar to Sheet](https://animatedwebs.com/templates/tabula-slate-preorder-sheet-bar): A slim preorder bar expands into a full configurator sheet without leaving the page. Ecommerce, Free.
- [Tap-to-Pay Ripple Terminal](https://animatedwebs.com/templates/tapstead-nfc-ripples): A phone taps a 3D card terminal and payment ripples wash across the whole page. Fintech, Pro.
- [Tensegrity Synthetic Asset](https://animatedwebs.com/templates/aequora-synthetic-tensegrity): A tensegrity sculpture reconfigures in real time to show collateralization health. Web3, Pro.
- [Terra Lux Ribbon Reveal Destination Intro](https://animatedwebs.com/templates/terra-lux-ribbon-reveal): A hero section for travel or hospitality, revealing destination imagery with flowing ribbon-like masks.. Travel, Pro.
- [Testimonial Wave](https://animatedwebs.com/templates/vitalflow-testimonial-wave): A scrolling wave of quote cards that rise and fall like breath. Health & Wellness, Pro.
- [Thin-Film Research Bubble](https://animatedwebs.com/templates/cortexa-thin-film-bubble): An iridescent soap-bubble sphere with thin-film interference headlines a research agent. AI / SaaS, Pro.
- [Threat Map Spotlight](https://animatedwebs.com/templates/nightglass-threat-spotlight): A cursor flashlight reveals the hidden vulnerabilities beneath a calm security dashboard. AI / SaaS, Free.
- [Tiered Pricing Ladder](https://animatedwebs.com/templates/nova-tier-pricing-ladder): Pricing cards slide up like rungs on a ladder when toggling billing cycle. Fintech, Pro.
- [Tiered Pricing with Morphing Blob](https://animatedwebs.com/templates/ledgerlink-tiered-pricing-morph-blob): Three pricing cards float above a WebGL metaball blob that morphs color and shape per selected tier. Fintech, Pro.
- [Tilt-Card Seat Pricing](https://animatedwebs.com/templates/mintgrid-tilt-card-seat-pricing): Holographic pricing cards that tilt with the cursor and reprice live as you drag a seat slider. Web3, Pro.
- [Token River Hero](https://animatedwebs.com/templates/quantix-token-river): A flowing particle river visualizes real-time token consumption with interactive throttle. AI / SaaS, Pro.
- [Token Usage Visualization](https://animatedwebs.com/templates/tokenstream-usage-section): An animated area chart and rolling counter for LLM token consumption. AI / SaaS, Free.
- [Tokenomics Exploded Rings](https://animatedwebs.com/templates/tokenfield-supply-rings): Token allocation rings lift apart into 3D layers you can orbit and inspect. Web3, Pro.
- [Topographic Contour Footer](https://animatedwebs.com/templates/cairnline-topo-contour-footer): An outdoor-brand footer drawn from live topographic contour lines that bunch under the cursor. Travel, Pro.
- [Topographic Contour Landscape](https://animatedwebs.com/templates/terrace-stone-topo-contours): Contour lines flow like a living map, lifting into terrain as you scroll through the site. Real Estate & Architecture, Pro.
- [Trail Shoe Mountain Parallax Hero](https://animatedwebs.com/templates/crag-co-trail-parallax-hero): Six mountain ridges part like curtains as a trail shoe climbs out of the valley. Ecommerce, Free.
- [Transaction Globe Hero](https://animatedwebs.com/templates/corvane-pay-globe-arcs): A dotted globe where every payment is a glowing arc landing in real time. Fintech, Pro.
- [Transaction Tape Hero](https://animatedwebs.com/templates/velocity-ledger-transaction-tape): A live transaction tape that unfurls into a 3D coin burst on scroll. Fintech, Pro.
- [Trust Logo Wall](https://animatedwebs.com/templates/pennant-trust-logo-wall): A split-flap logo wall that flips through partners while trust stats tick up. Fintech, Free.
- [Typewriter Newsletter Signup](https://animatedwebs.com/templates/morning-ferment-typewriter-signup): A newsletter signup where a typewriter types the pitch, your email appears on paper and the page feeds out. Editorial, Free.
- [Typographic Vortex Hero](https://animatedwebs.com/templates/whirlword-typography-vortex): Thousands of words spiral into a swirling tornado of type that the cursor can steer. 3D / WebGL, Free.
- [Unravelling Yarn Ball](https://animatedwebs.com/templates/thimble-twine-yarn-unravel): A fuzzy yarn ball rolls across the page and unravels into a thread that writes the headline. 3D / WebGL, Pro.
- [Uptime Pulse Rings](https://animatedwebs.com/templates/pingwheel-uptime-rings): Concentric region rings pulse with every health check in a live status hero. AI / SaaS, Pro.
- [Variable Font Kinetic Hero](https://animatedwebs.com/templates/typecraft-variable-hero): A single variable font stretches, weighs, and widens in sync with scroll velocity. Portfolio, Free.
- [Vault Pricing Steps](https://animatedwebs.com/templates/aureus-vault-pricing): Three sliding vault doors reveal tiers; toggle morphs prices with a gold-coin particle burst. Fintech, Pro.
- [Velocity Availability Marquee](https://animatedwebs.com/templates/juniper-grain-available-marquee): A giant 'available for work' band that speeds up and leans into your scroll. Portfolio, Free.
- [Velocity Dissolve Showreel](https://animatedwebs.com/templates/frame-shift-showreel-section): A showreel hero where scroll velocity drives a WebGL dissolve between video clips. Portfolio, Pro.
- [Velocity Skew Marquee Index](https://animatedwebs.com/templates/slideframe-velocity-marquee-index): A horizontal project marquee that skews, scales and blurs in real time based on scroll velocity. Portfolio, Free.
- [Velocity Skew Review Marquee](https://animatedwebs.com/templates/crumb-co-velocity-skew-marquee): Two review rows scroll opposite ways and skew with your scroll speed. Ecommerce, Free.
- [Velocity Type Hero](https://animatedwebs.com/templates/momentum-lab-velocity-type-hero): Kinetic headline that distorts and stretches with scroll velocity. Portfolio, Free.
- [Verdant Pulse Testimonial Wave](https://animatedwebs.com/templates/verdant-pulse-testimonial-wave): A scrolling wave of testimonial cards that rise and fade like breath. Health & Wellness, Pro.
- [Veridian Bottle Packaging Story](https://animatedwebs.com/templates/ecowrap-veridian-packaging-story): A clean, scroll-driven reveal of a product within its sustainable, tactile packaging. Ecommerce, Free.
- [Verlet Bead Curtain](https://animatedwebs.com/templates/beadfall-verlet-bead-curtain): A hanging curtain of three thousand wooden beads parts and sways as the cursor walks through it. 3D / WebGL, Pro.
- [Villa Gallery Curtain Planes](https://animatedwebs.com/templates/casa-alta-scroll-curtain-gallery): Villa photos bend like silk curtains with scroll velocity in a slow editorial gallery. Real Estate & Architecture, Pro.
- [Vinyl Turntable Scroll Platter](https://animatedwebs.com/templates/rotunda-turntable-groove-section): A turntable platter spins with scroll velocity while the tonearm drops into a glowing groove. Storytelling, Pro.
- [Voice Orb Assistant](https://animatedwebs.com/templates/cerebra-voice-orb): A breathing orb that visualizes speech amplitude in real time. AI / SaaS, Pro.
- [Voice Testimonial Carousel](https://animatedwebs.com/templates/axiom-voice-testimonial-carousel): A rotating ring of voice waveforms plays client audio on demand. Agency, Pro.
- [Voice Waveform Wall](https://animatedwebs.com/templates/sonicpulse-voice-waveform-wall): Testimonials rendered as interactive audio waveforms that play on hover and sync-scroll. Music & Events, Pro.
- [Volumetric Fog Portal Hero](https://animatedwebs.com/templates/phantasm-arena-fog-portal): A mystical hero section with a cursor-reactive volumetric fog portal hinting at another dimension. Gaming & Entertainment, Pro.
- [Voronoi Shatter Headline](https://animatedwebs.com/templates/shardline-voronoi-shatter): An extruded headline shatters into 180 Voronoi shards on scroll and reassembles on the way back. 3D / WebGL, Pro.
- [VR Headset Cinematic Intro](https://animatedwebs.com/templates/hushlight-optics-headset-intro): Letterbox bars, an anamorphic flare and a headset rising from darkness open the page. 3D / WebGL, Pro.
- [Watch Calibre Exploded View](https://animatedwebs.com/templates/orsolo-calibre-exploded-section): Scroll unscrews a mechanical watch into floating layers of gears, bridges and balance wheel. Fashion & Luxury, Pro.
- [Wave Testimonial Wall](https://animatedwebs.com/templates/catalyst-collective-testimonial-wave): Testimonial cards flow in a continuous vertical wave driven by scroll. Health & Wellness, Free.
- [Waveform Testimonials](https://animatedwebs.com/templates/sonic-scribe-waveform-testimonials): Testimonial cards with playable audio waveforms that draw in sync with playback. Editorial, Free.
- [Wavy WebGL Destination Carousel](https://animatedwebs.com/templates/atlas-ash-wavy-webgl-carousel): Infinite travel carousel whose photos curve and ripple with drag velocity. Travel, Pro.
- [Wedding Cake Tier Stacker](https://animatedwebs.com/templates/sugarloft-cake-tier-stacker): Design a wedding cake by stacking tiers, choosing icing textures and placing sugar flowers. Food & Hospitality, Pro.
- [Wet Road Bokeh Hero](https://animatedwebs.com/templates/petrel-wet-road-bokeh-hero): Rain-slick city bokeh and puddle reflections streak behind an e-scooter launch headline. Automotive, Pro.
- [Wildlife Migration Corridors](https://animatedwebs.com/templates/wild-corridor-migration-map): A conservation map where animal herds flow as particle streams along migration corridors you can protect. Nonprofit, Pro.
- [Wing Airflow Streamlines](https://animatedwebs.com/templates/kittiwake-aero-wing-streamlines): Thousands of streamlines curl over a wing as you change its angle of attack. 3D / WebGL, Pro.
- [Wool Coat 360 Scrub](https://animatedwebs.com/templates/fjellrand-wool-coat-image-scrub): Scroll turns a wool overcoat through 360 degrees with fabric and tailoring callouts pinned to the garment. Fashion & Luxury, Pro.
- [XR Headset Lens Portal](https://animatedwebs.com/templates/omnivue-xr-headset-lens): A mixed-reality headset floats in white space and its lenses open into a vivid virtual world. 3D / WebGL, Pro.
- [Year in Review Data Story](https://animatedwebs.com/templates/rearview-review-year-in-data): A magazine's year-in-review where bar charts morph into each other as the story scrolls month by month. Editorial, Pro.
- [Kinetic Headline Hero](https://animatedwebs.com/templates/hero-kinetic-headline): Split-letter headline that assembles on load and on scroll. Editorial, Free.
- [Glass Bento Features](https://animatedwebs.com/templates/section-bento-glass): Frosted bento grid with cursor spotlight borders. AI / SaaS, Pro.
- [Infinite Case Study Rail](https://animatedwebs.com/templates/section-infinite-case-studies): Velocity-skewed infinite marquee of project cards. Portfolio, Pro.

## Motion backgrounds (158)

- [Bell Field](https://animatedwebs.com/templates/threeui-bell-field): Two Bessel-like modes drift across a bronze bell, rung by a shock ring. Health & Wellness, Free.
- [Constellation Field](https://animatedwebs.com/templates/threeui-constellation-field): 85 drifting nodes link into a living pattern the moment they're close enough. AI / SaaS, Free.
- [Emerald Horizon](https://animatedwebs.com/templates/threeui-emerald-horizon): Two sine waves and 1D noise carve a glowing polar horizon from one quad. Travel, Free.
- [Flow Field](https://animatedwebs.com/templates/threeui-flow-field): 2,500 particles steered by 3D simplex noise leave long warm ribbons. Fashion & Luxury, Free.
- [Ribbon Field](https://animatedwebs.com/templates/threeui-ribbon-field): Three Gaussian ribbons ride layered sines under a swept halftone dot grid. AI / SaaS, Free.
- [Semantic Bloom](https://animatedwebs.com/templates/threeui-semantic-bloom): Wandering particles cling to the words nearest them, drawing thought as a living diagram. AI / SaaS, Free.
- [Stream Convergence](https://animatedwebs.com/templates/threeui-stream-convergence): Three rotated sine streams, one per RGB channel, crest into neon light. Music & Events, Free.
- [Structure Flow](https://animatedwebs.com/templates/threeui-structure-flow): 15,000 points settle into a slow-turning dome, masked into a clean horizon. Agency, Free.
- [Topo Field](https://animatedwebs.com/templates/threeui-topo-field): 2D simplex noise sliced into ultra-thin contour lines that drift like living terrain. Real Estate & Architecture, Free.
- [Warp Field](https://animatedwebs.com/templates/threeui-warp-field): A three.js corridor of up to 1,200 additive streaks, streaming toward you at light speed. AI / SaaS, Free.
- [1-Bit Bayer Dither Field](https://animatedwebs.com/templates/foolscap-bayer-dither): Animated noise clouds rendered in pure black and cream through an 8x8 ordered dither. Editorial, Pro.
- [16mm Film Grain and Light Leaks](https://animatedwebs.com/templates/reelhouse-film-grain-light-leaks): Turn any page into a warm film print: grain, gate weave, flicker and burnt light leaks. Storytelling, Free.
- [3D Node Lattice Pulses](https://animatedwebs.com/templates/nodal-protocol-lattice-pulses): A deep 3D lattice of nodes and edges where transaction pulses race along the links. Web3, Pro.
- [Aether Drift Volumetric Nebula Field](https://animatedwebs.com/templates/aether-volumetric-nebula): An expansive, slowly evolving volumetric nebula, full of atmospheric depth and ethereal light.. Travel, Pro.
- [Aetherforge Energetic Plasma Field](https://animatedwebs.com/templates/aetherforge-plasma-field): A swirling, bioluminescent plasma field with dynamic light trails and chromatic aberration. Gaming & Entertainment, Pro.
- [Agent Swarm Background](https://animatedwebs.com/templates/swarmix-agent-swarm-background): Thousands of autonomous dots self-organise into logos, text and charts on scroll. AI / SaaS, Pro.
- [Anamorphic Rain Night Drive](https://animatedwebs.com/templates/gridrunner-anamorphic-rain-night): Slow-motion rain streaks through passing headlights that bloom into long blue anamorphic flares. Automotive, Pro.
- [Aqua Vitae Caustic Reflection Pool](https://animatedwebs.com/templates/aqua-vitae-caustic-pool): A shimmering water surface with dynamic, refractive light caustics playing across it. Health & Wellness, Pro.
- [ASCII Smoke Field](https://animatedwebs.com/templates/asciiform-ascii-smoke): Rolling smoke rendered entirely in coloured monospace glyphs, dense to sparse. Agency, Pro.
- [Aura Weave Curving Ribbon Trail](https://animatedwebs.com/templates/aura-weave-ribbon-trail): Elegant, flowing ribbons that weave and turn, leaving subtle, glowing trails on a minimalist background. Portfolio, Free.
- [Aurora Curtain Shader](https://animatedwebs.com/templates/polarvik-aurora-curtains): Green and violet aurora curtains ripple over a snowy ridge under a slow starry sky. Travel, Pro.
- [Aurora Wave Background](https://animatedwebs.com/templates/synthos-aurora-bg): A generative aurora shader that reacts to scroll velocity and pointer position. AI / SaaS, Pro.
- [Axiom Trace Topographic Data Flow](https://animatedwebs.com/templates/axiom-topographic-flow): A continuously scrolling and morphing topographic map with data points highlighted by subtle activity.. AI / SaaS, Pro.
- [Bio Bloom Bioluminescent Metaball Swarm](https://animatedwebs.com/templates/bio-bloom-metaball-swarm): A generative, liquid-like swarm of glowing metaballs that merge and separate organically. Health & Wellness, Free.
- [Black Hole Accretion Disc](https://animatedwebs.com/templates/crescent-dao-accretion-lensing): A glowing accretion disc bends around a black hole through real-time gravitational lensing. Web3, Pro.
- [Blurred Blobs and Grain](https://animatedwebs.com/templates/sprout-blurred-blob-grain): Three soft sunny orbs float behind heavy film grain, pure CSS and one SVG filter. Nonprofit, Free.
- [Bouncy Toy Confetti](https://animatedwebs.com/templates/tinpot-toys-confetti-physics): Chunky pastel shapes tumble down, bounce, pile up and get flicked around by the cursor. Ecommerce, Free.
- [Braided Satin Ribbons](https://animatedwebs.com/templates/braid-finance-woven-ribbons): Three glossy 3D ribbons braid endlessly through space, lit like brushed satin. Fintech, Pro.
- [Breathing Petal Mandala](https://animatedwebs.com/templates/petalwise-sdf-breathing-mandala): Layered SDF petals open and close in a 6-breaths-per-minute rhythm on warm sand. Health & Wellness, Free.
- [Breathing Radial Gradient](https://animatedwebs.com/templates/emberline-breathing-gradient): A soft peach glow that inhales and exhales on a 4-7-8 rhythm to calm the reader. Health & Wellness, Free.
- [Candlelight Bokeh Glow](https://animatedwebs.com/templates/hearth-fund-candle-bokeh): Warm out-of-focus candle lights flicker and drift softly, pure CSS with no JavaScript. Nonprofit, Free.
- [Carbon Fibre Light Sweep](https://animatedwebs.com/templates/carbonfell-carbon-fibre-sweep): A 2x2 twill carbon weave under clear coat, with a slow studio light sweeping across the tows. Automotive, Pro.
- [Caustic Ripple Field](https://animatedwebs.com/templates/aquatic-flux-caustic-ripple): Subtly shifting light caustics on a deep, reflective liquid surface. AI / SaaS, Pro.
- [Cel-Shaded Fire Wall](https://animatedwebs.com/templates/pyrewick-toon-fire-wall): Stylised three-tone flames lick up from the bottom edge with pixel-crisp cel bands. Gaming & Entertainment, Pro.
- [Celestia Loom Ethereal Silk Flow](https://animatedwebs.com/templates/celestia-loom-silk-flow): A luxurious, flowing silk fabric with iridescent sheen and organic distortion. Fashion & Luxury, Pro.
- [Cellular FBM Fields](https://animatedwebs.com/templates/pattern-guild-cellular-fbm-fields): Evolving organic patterns combining fractal noise with cellular automata logic. AI / SaaS, Pro.
- [Champagne Silk Folds](https://animatedwebs.com/templates/ondrelle-silk-folds): Heavy satin ripples in slow motion with an anisotropic sheen that follows the light. Fashion & Luxury, Pro.
- [Chromos Liquid Chrome Metamorphism](https://animatedwebs.com/templates/chromos-foundry-liquid-chrome): A molten, highly reflective chrome surface that continuously morphs into organic shapes. Automotive, Pro.
- [CMYK Halftone Drift](https://animatedwebs.com/templates/pressgang-cmyk-halftone-drift): Four rotated halftone screens print a drifting noise image with visible rosettes. Portfolio, Pro.
- [Coastal Boids Flock](https://animatedwebs.com/templates/saltwrack-boids-flock): A flock of 400 seabirds wheels across a pale dawn sky using classic boids rules. Ecommerce, Pro.
- [Conic Spin Halo](https://animatedwebs.com/templates/brightfold-conic-spin-halo): A slow-spinning conic gradient halo behind a dark glass stage, CSS only. AI / SaaS, Free.
- [CosmicFlow AI Volumetric Nebula Field](https://animatedwebs.com/templates/cosmicflow-nebula-field): A slowly evolving, gaseous nebula cloud rendered volumetrically with deep cosmic colors. AI / SaaS, Pro.
- [Cosmos Connect Particle Constellation Grid](https://animatedwebs.com/templates/cosmos-particle-constellation): Thousands of luminous particles form a dynamic grid, subtly shifting and connecting.. Education, Free.
- [CSS Mesh Gradient Drift](https://animatedwebs.com/templates/wrenly-css-mesh-gradient): Four pastel radial blobs orbiting on registered custom properties, zero JavaScript. AI / SaaS, Free.
- [Curl Noise Flowfield](https://animatedwebs.com/templates/strata-dynamics-curl-noise): Abstract, topographic lines flowing and swirling according to a curl noise vector field. Fintech, Free.
- [Curl Noise Particle Nebula](https://animatedwebs.com/templates/aurelian-mint-curl-particles): Two hundred thousand GPU particles advected by curl noise into silky violet currents. Web3, Pro.
- [Cursor-Chasing Gradient Orbs](https://animatedwebs.com/templates/softwell-cursor-gradient-orbs): Three soft colour orbs trail the pointer with springy lag over a calm clinic palette. Health & Wellness, Free.
- [Dawn Wireframe Terrain](https://animatedwebs.com/templates/wirefield-dawn-wireframe-terrain): An endless fbm mountain range drawn as fine pale wireframe drifting through morning fog. 3D / WebGL, Pro.
- [Deep Sea God Rays](https://animatedwebs.com/templates/abyssal-trust-godrays-marine-snow): Slow sun shafts pierce blue water while marine snow drifts down in slow motion. Nonprofit, Pro.
- [Dependency Force Mesh](https://animatedwebs.com/templates/depgraph-force-mesh-background): A 3D force-directed graph of package dependencies that breathes with scroll and filters by ecosystem. AI / SaaS, Pro.
- [Differential Growth Line](https://animatedwebs.com/templates/pageturn-differential-growth): A single closed line grows, buckles and folds into coral-like meanders in real time. Education, Pro.
- [Domain Warp Flow Field](https://animatedwebs.com/templates/aeon-flux-domain-warp-flow): A softly flowing, organic landscape created by fractal noise with distorting warps. AI / SaaS, Pro.
- [Domain Warped Flow Field](https://animatedwebs.com/templates/gossamer-weave-domain-warp): Ethereal, flowing noise patterns warped into organic, textile-like motion. Fashion & Luxury, Free.
- [Domain-Warp Marble](https://animatedwebs.com/templates/velora-domain-warp-marble): Ivory and gold marble veins that slowly fold into themselves like poured stone. Fashion & Luxury, Pro.
- [Dot Grid Ripple](https://animatedwebs.com/templates/dotwise-dot-grid-ripple): A calm grid of dots swells into ripples wherever you click, like tapping a pond of pixels. Education, Free.
- [Ethereal Loom Silk Flow](https://animatedwebs.com/templates/ethereal-silk-flow): A serene, undulating silk fabric background, subtly lit and flowing with organic grace.. Fashion & Luxury, Pro.
- [Flickering Square Grid](https://animatedwebs.com/templates/gridwell-flicker-grid): A field of tiny squares twinkles like a trading floor at night, fading at the edges. Fintech, Free.
- [Floating Crystal Shards](https://animatedwebs.com/templates/quartzline-crystal-shard-field): Hundreds of faceted quartz shards drift and tumble with dispersion-tinted edges. 3D / WebGL, Pro.
- [Floating Pastel Primitives](https://animatedwebs.com/templates/bauble-box-floating-pastel-primitives): Soft matte spheres, tori and pills bob in zero gravity with gentle shadows and clay lighting. Ecommerce, Pro.
- [Floating Soap Bubbles](https://animatedwebs.com/templates/bubblewick-floating-soap-bubbles): Iridescent soap bubbles float, wobble and pop with a splash of droplets when touched. Education, Pro.
- [Flour Dust in a Sunbeam](https://animatedwebs.com/templates/flourish-bakery-flour-dust-beam): Fine flour particles hang and swirl in slow motion inside a warm shaft of morning light. Food & Hospitality, Free.
- [Flowing Terrazzo Resin](https://animatedwebs.com/templates/terrazza-flowing-terrazzo): Marble chips in soft coloured resin drift slowly, as if the floor were still being poured. Real Estate & Architecture, Pro.
- [Fluid Silk Background](https://animatedwebs.com/templates/veridian-fluid-silk): A luxurious WebGL background with undulating, soft silk fabric that shimmers with subtle light. Fashion & Luxury, Pro.
- [Fluted Glass Gradient](https://animatedwebs.com/templates/glasshouse-fluted-glass-gradient): A moving colour field seen through reeded architectural glass, every flute refracting. Real Estate & Architecture, Pro.
- [Fourier Epicycle Drawing](https://animatedwebs.com/templates/tracefield-fourier-epicycles): Chains of spinning circles trace a hand-drawn shape, then dissolve and draw the next. Education, Free.
- [Frosted Glass Bar Skyline](https://animatedwebs.com/templates/colonnade-glass-bar-skyline): A skyline of frosted glass bars rises and settles like a living chart on a mirrored floor. Fintech, Pro.
- [Glitch Dither Field](https://animatedwebs.com/templates/static-echo-glitch-dither): A distressed digital background combining dithered noise with intermittent glitch artifacts and scanlines. Gaming & Entertainment, Pro.
- [Golden Hour Film Loop](https://animatedwebs.com/templates/helio-farms-golden-hour-film): A slow-motion field at sunset: god rays, drifting pollen, light leaks and 16mm grain. Food & Hospitality, Pro.
- [Grain Mesh Gradient](https://animatedwebs.com/templates/terra-hue-grain-mesh-gradient): A soft, multi-point CSS mesh gradient overlaid with subtle, animated noise grain. Food & Hospitality, Free.
- [Gray-Scott Reaction Diffusion](https://animatedwebs.com/templates/reagent-reaction-diffusion): Living Turing patterns of spots and worms grow, split and heal under the cursor. Agency, Pro.
- [Growing Vine Tendrils](https://animatedwebs.com/templates/greenhouse-grants-growing-vines): Botanical vines sprout from the page edges, curl into spirals and unfurl little leaves. Nonprofit, Free.
- [Hex Glyph Rain](https://animatedwebs.com/templates/nullblock-hex-glyph-rain): Columns of hexadecimal glyphs cascade and resolve into block hashes, cyan on ink. Web3, Free.
- [Hexagon Pulse Lattice](https://animatedwebs.com/templates/hexa-vault-hex-pulse-grid): An infinite honeycomb of beveled hex cells where validation pulses ripple outward. Web3, Pro.
- [Ink Blooming in Water](https://animatedwebs.com/templates/inkling-ink-in-water): Indigo ink drops bloom and curl through clear water on a bright white page. Editorial, Pro.
- [Kaleidoscope Mandala Shader](https://animatedwebs.com/templates/chorus-hall-kaleidoscope): Twelve-fold mirrored fbm fields bloom into a slow psychedelic mandala for concert nights. Music & Events, Pro.
- [Kinetic Swiss Grid](https://animatedwebs.com/templates/kvadrat-swiss-grid-kinetic): A strict 12-column grid of colour blocks that reflows, resizes and snaps in rhythm. Portfolio, Pro.
- [Laser Beams in Haze](https://animatedwebs.com/templates/pulsar-events-laser-haze): Sweeping laser fans slice through volumetric haze in sync with a 128 BPM light show. Music & Events, Pro.
- [Liquid Chrome Flow](https://animatedwebs.com/templates/ferrox-liquid-chrome-flow): A molten chrome surface that ripples like mercury under a studio softbox. Automotive, Pro.
- [Liquid Chrome Surface](https://animatedwebs.com/templates/argent-veil-liquid-chrome): A highly reflective, undulating liquid chrome surface with subtle environmental reflections. Web3, Pro.
- [Liquid Flux Background](https://animatedwebs.com/templates/hydroflux-liquid-flux): Organic, raymarched liquid blobs coalesce and flow with dynamic reflections. Health & Wellness, Pro.
- [Liquid Silk Flow](https://animatedwebs.com/templates/opulent-veil-liquid-silk-flow): A luxurious, shimmering fabric simulation with subtle light reflections and fluid motion. Fashion & Luxury, Pro.
- [Live Query Flow Background](https://animatedwebs.com/templates/flux-query-flow): A force-directed graph of database nodes where edges pulse with real-time query latency. AI / SaaS, Pro.
- [Living Cells Under the Microscope](https://animatedwebs.com/templates/cellwise-microscope-cells): Soft translucent cells jostle and wobble under phase-contrast light, nuclei gently pulsing. Health & Wellness, Pro.
- [Long-Exposure Star Trails](https://animatedwebs.com/templates/lodestar-long-exposure-star-trails): Circular star trails wheel around the pole above a mountain ridge, like a night-long exposure. Travel, Free.
- [Lost Signal CRT Glitch](https://animatedwebs.com/templates/pixelhaven-crt-signal-glitch): A dead-channel screen of static, rolling sync and datamosh blocks between clean frames. Gaming & Entertainment, Pro.
- [Lumiere Liquid Chrome Metamorphism](https://animatedwebs.com/templates/lumiere-liquid-chrome): Two liquid chrome blobs merge and split in a mesmerizing dance, reflecting an unseen environment.. Fashion & Luxury, Pro.
- [LuminFlux Dithered Bloom Field](https://animatedwebs.com/templates/luminflux-dithered-bloom): A generative field of glowing, amorphous shapes rendered through a high-contrast ordered dither. Health & Wellness, Pro.
- [Mercury Droplet Pools](https://animatedwebs.com/templates/mercuria-mercury-droplets): Heavy liquid-metal droplets roll, merge and wobble across a dark mirror floor. Ecommerce, Pro.
- [Migration Flow Map](https://animatedwebs.com/templates/tern-relief-migration-flows): Thousands of glowing particles stream along curved routes across a dotted world map. Nonprofit, Pro.
- [Mirror Ball Light Spots](https://animatedwebs.com/templates/mirrorball-club-rotating-light-spots): Hundreds of reflected light spots sweep across a dark room from a slowly turning mirror ball. Gaming & Entertainment, Pro.
- [Moire Interference Field](https://animatedwebs.com/templates/interline-moire-interference): Two fine line gratings slide and rotate over each other, blooming into op-art moire. Editorial, Pro.
- [Moonlit Gerstner Ocean](https://animatedwebs.com/templates/moonwell-gerstner-night-ocean): A dark open sea of summed Gerstner waves with a glittering moon path to the horizon. Travel, Pro.
- [Morphing Border-Radius Blobs](https://animatedwebs.com/templates/putty-studio-morphing-css-blobs): Squishy clay-coloured blobs morph shape by animating eight border-radius values, no JS. Portfolio, Free.
- [Morphing Houndstooth Weave](https://animatedwebs.com/templates/stitchworks-houndstooth-morph): A classic houndstooth pattern breathes, scales and shifts colourways in pure CSS and SVG. Fashion & Luxury, Free.
- [Morphing Truchet Tiles](https://animatedwebs.com/templates/gridlock-truchet-tiles): Quarter-circle Truchet tiles flip in waves, rewiring an endless maze of bold curves. Agency, Pro.
- [Nebula Wormhole Passage](https://animatedwebs.com/templates/wormway-nebula-wormhole): An endless tube of swirling nebula clouds and light rings pulls the reader through each chapter. Storytelling, Pro.
- [Neon Ink Fluid Simulation](https://animatedwebs.com/templates/tangent-kin-neon-fluid-sim): A real Navier-Stokes fluid you stir with the cursor, glowing neon ink on black. Agency, Pro.
- [Neural Constellation Mesh](https://animatedwebs.com/templates/threadmind-neural-constellation): Drifting nodes link into a quiet network, lighting paths when an idea fires across it. AI / SaaS, Free.
- [Oceanic Echo Bioluminescent Metaball Swarm](https://animatedwebs.com/templates/oceanic-echo-metaball-swarm): A dark background with slowly merging and separating glowing metaballs. Health & Wellness, Pro.
- [Paper-Cut Hills Loop](https://animatedwebs.com/templates/papercut-layered-hills-parallax): Five layers of paper-cut hills drift at different speeds with soft drop shadows. Storytelling, Free.
- [Parallax Starfield Warp](https://animatedwebs.com/templates/starwick-starfield-warp): A deep navy starfield in three parallax layers that stretches into warp on scroll. Education, Free.
- [Particle Web Background](https://animatedwebs.com/templates/nexusflow-particle-web): Thousands of interconnected particles weave a responsive, glowing network on a dark canvas. Fintech, Pro.
- [Pastel Puff Clouds](https://animatedwebs.com/templates/cloudkit-pastel-puff-clouds): Soft raymarched cumulus puffs float through a candy-coloured sky with gentle sunlight. AI / SaaS, Pro.
- [Path Weave Curving Ribbon Trail](https://animatedwebs.com/templates/path-ribbon-trail): Dynamic, flowing ribbons trace elegant, looping paths across the screen.. Agency, Free.
- [Phosphor Oscilloscope Lissajous](https://animatedwebs.com/templates/phosphor-fm-lissajous-scope): Green phosphor traces draw evolving Lissajous figures with glow, persistence and graticule. Music & Events, Free.
- [Pixel Doom Fire](https://animatedwebs.com/templates/kindling-games-doom-fire): The classic heat-propagation pixel fire algorithm burning along the bottom of the page. Gaming & Entertainment, Free.
- [Pixel Echo CRT Glitch Overlay](https://animatedwebs.com/templates/pixel-crt-glitch): A retro CRT screen effect with scanlines, subtle barrel distortion, and occasional digital glitches.. Editorial, Pro.
- [PixelWave Arcade CRT Glitch Overlay](https://animatedwebs.com/templates/pixelwave-crt-glitch): A retro CRT monitor effect with dynamic scanlines, color bleed, and intermittent digital glitches. Gaming & Entertainment, Free.
- [Plasma CRT Broadcast](https://animatedwebs.com/templates/arclight-plasma-crt): Classic sine plasma pushed through a curved CRT with scanlines, bloom and rolling hum bars. Music & Events, Pro.
- [Polar Speed Tunnel](https://animatedwebs.com/templates/stratum-hyperspace-tunnel): Light streaks rush past in a polar-coordinate tunnel that accelerates with scroll. Automotive, Pro.
- [Procedural Wood Grain Flow](https://animatedwebs.com/templates/anvil-oak-procedural-wood-grain): Living oak grain with growth rings, rays and knots, gently flowing like a sanding pass. Ecommerce, Pro.
- [Quantalytics Topographic Data Flow](https://animatedwebs.com/templates/quantalytics-data-flow): An abstract, flowing landscape of data contours rendered as a dynamic topographic map. Fintech, Pro.
- [Radial Equalizer Rings](https://animatedwebs.com/templates/sonder-fm-radial-equalizer): Concentric frequency rings pulse to live audio or a built-in synthetic beat. Music & Events, Pro.
- [Rain on the Window](https://animatedwebs.com/templates/hushaby-rain-on-glass): Drops slide down a foggy pane over blurred city bokeh, a bedtime-story mood in Canvas. Storytelling, Free.
- [Raymarched SDF Metaballs](https://animatedwebs.com/templates/umbrafield-sdf-metaballs): Iridescent liquid blobs merge and split in true 3D, raymarched in a single shader. 3D / WebGL, Pro.
- [Retro Checkerboard Floor](https://animatedwebs.com/templates/rookie-arcade-checkerboard-floor): A demoscene checkerboard plane races to a glowing horizon using only CSS 3D transforms. Gaming & Entertainment, Free.
- [Retro Plasma Field](https://animatedwebs.com/templates/arcade-pulse-retro-plasma-field): A vibrant, shifting plasma field evoking classic demoscene graphics. Gaming & Entertainment, Free.
- [Retro Plasma Grid](https://animatedwebs.com/templates/arcade-pulse-retro-plasma): A vibrant, pulsing plasma field with visible scanlines and CRT distortion. Gaming & Entertainment, Pro.
- [Retro Plasma Grid Background](https://animatedwebs.com/templates/bitstream-retro-plasma-grid): A pulsing, neon-hued plasma effect contained within a glitching retro grid. Gaming & Entertainment, Free.
- [Ridgeline Noise Pulse](https://animatedwebs.com/templates/northbeam-ridgeline-pulse): Sixty stacked noise lines rise into ridges like a pulsar plot redrawn for markets. Fintech, Pro.
- [Ripple Haven Caustic Reflection Pool](https://animatedwebs.com/templates/ripple-caustic-pool): An undulating, light-refracting water surface casting shimmering caustics onto a solid floor.. Health & Wellness, Pro.
- [Rising Data Streaks](https://animatedwebs.com/templates/uplink-cloud-rising-data-streaks): Thousands of thin light streaks rise through a dark volume like packets leaving a data centre. AI / SaaS, Pro.
- [Risograph Two-Colour Shapes](https://animatedwebs.com/templates/bramble-risograph-misregistration): Fluorescent pink and teal riso shapes drift, overprint and misregister with ink grain. Editorial, Pro.
- [Rotating Sunburst Rays](https://animatedwebs.com/templates/marigold-kitchen-conic-sunburst): A retro diner sunburst of alternating warm rays that turns slowly behind the menu. Food & Hospitality, Free.
- [Sage Flow Field Lines](https://animatedwebs.com/templates/hushmoss-flow-field-lines): Thousands of hair-thin lines comb through a slow noise field like wind over moss. Health & Wellness, Free.
- [Scroll-Skewed Diagonal Stripes](https://animatedwebs.com/templates/monoline-scroll-skew-stripes): Bold diagonal stripes drift endlessly and lean harder the faster you scroll. Editorial, Free.
- [Shapeshifting Point Cloud](https://animatedwebs.com/templates/morphic-point-cloud-shapeshift): Eighty thousand points flow between sphere, torus knot and wordmark on a curl-noise path. AI / SaaS, Pro.
- [Slow-Motion Embers and Flares](https://animatedwebs.com/templates/ashbourne-slow-embers-anamorphic): Glowing embers drift upward in slow motion through smoke, catching anamorphic lens flares. Fashion & Luxury, Pro.
- [Slow-Motion Steam and Spice](https://animatedwebs.com/templates/saffron-street-slow-steam): Wisps of steam curl upward in slow motion through warm bokeh, like a food film close-up. Food & Hospitality, Pro.
- [Spinning Vinyl Grooves](https://animatedwebs.com/templates/mantle-records-vinyl-grooves): A macro close-up of a spinning record: fine grooves, anisotropic light wedges and dust. Music & Events, Pro.
- [Spotlight Dot Matrix Reveal](https://animatedwebs.com/templates/offset-collective-spotlight-dot-matrix): A dark dot matrix hides a giant word that the cursor's spotlight reveals as glowing dots. Agency, Pro.
- [Stained Glass Light Shafts](https://animatedwebs.com/templates/mosaic-oath-stained-glass): Jewel-toned Voronoi glass with lead cames glows as sunlight drifts across the window. Nonprofit, Pro.
- [Stillwater Caustic Reflection Pool](https://animatedwebs.com/templates/stillwater-labs-caustic-reflection-pool): Gently rippling water surface casts dynamic caustic light patterns onto the background. Health & Wellness, Pro.
- [Subsurface Flow Mesh](https://animatedwebs.com/templates/aetherflow-subsurface-mesh): A subtly shifting wireframe mesh glows with an ethereal, subsurface energy flow. 3D / WebGL, Pro.
- [Subtle Glitch Scanlines](https://animatedwebs.com/templates/static-echo-glitch-scanlines): A fullscreen overlay of CRT scanlines with intermittent, subtle glitch effects. AI / SaaS, Free.
- [Sunlit Pool Caustics](https://animatedwebs.com/templates/azurine-pool-caustics): Dancing light nets of a swimming pool floor, computed live with no textures. Travel, Pro.
- [Sunrise Cloud Timelapse](https://animatedwebs.com/templates/dawnreach-cloud-timelapse): A cinematic time-lapse sky where clouds race and light grades from blue hour to gold. Travel, Pro.
- [Sunrise Light Leak Loop](https://animatedwebs.com/templates/firstlight-css-light-leak-sunrise): Warm film light leaks sweep over a soft sunrise gradient with grain, in CSS only. Health & Wellness, Free.
- [SVG Turbulence Liquid Warp](https://animatedwebs.com/templates/ferrugo-svg-turbulence-warp): A rust-and-cream gradient melts like heat haze using only SVG filters, no canvas. Portfolio, Free.
- [Swirling Curl Noise Trails](https://animatedwebs.com/templates/vortex-dynamics-curl-noise-trails): Hypnotic particle trails driven by a fluid-like curl noise field, emanating from a central point. Gaming & Entertainment, Pro.
- [Swirling Red Wine](https://animatedwebs.com/templates/vesper-wine-swirl): Deep garnet liquid swirls in slow circles, with legs, highlights and a crimson meniscus glow. Food & Hospitality, Pro.
- [Terracotta Lava Lamp](https://animatedwebs.com/templates/forno-rosso-lava-lamp-metaballs): Warm wax blobs rise, stretch and pinch off in a 2D metaball field with glassy edges. Food & Hospitality, Pro.
- [Thin-Film Iridescent Swirl](https://animatedwebs.com/templates/opaline-thin-film-iridescence): Soap-film interference colours swirl across pearl white like oil on a silk slip. Fashion & Luxury, Pro.
- [Token Cost Waterfall Background](https://animatedwebs.com/templates/synthetix-token-cost-waterfall): A scrolling waterfall of token blocks that break down cost per model in real time. AI / SaaS, Pro.
- [Topographic Contour Field](https://animatedwebs.com/templates/isobar-topographic-contours): Crisp anti-aliased contour lines of a shifting terrain, like a living survey map. Fintech, Pro.
- [Twilight Facade Timelapse](https://animatedwebs.com/templates/duskline-twilight-facade-timelapse): A tower facade at blue hour: the sky deepens, windows flick on one by one, street flares bloom. Real Estate & Architecture, Pro.
- [Vellum Arts Dithered Bloom Field](https://animatedwebs.com/templates/vellum-dither-bloom): A soft, luminous field of error-diffused pixels that subtly bloom and shift.. Portfolio, Free.
- [Volumetric Nebula Flythrough](https://animatedwebs.com/templates/parsec-nine-volumetric-nebula): Raymarched fbm gas clouds lit from within by newborn stars, drifting past the camera. 3D / WebGL, Pro.
- [Voronoi Blueprint Cells](https://animatedwebs.com/templates/ostberg-voronoi-blueprint): Drifting Voronoi cells drawn as crisp blueprint linework with measured edge distances. Real Estate & Architecture, Pro.
- [Vortex Grid Energetic Plasma Field](https://animatedwebs.com/templates/vortex-plasma-field): An active, swirling plasma background with electric tendrils and subtle energy surges.. Gaming & Entertainment, Pro.
- [Watercolour Bleed Washes](https://animatedwebs.com/templates/wetpaper-watercolor-bleed): Pigment washes bloom across cold-press paper, pooling dark at the edges as they dry. Portfolio, Pro.
- [Wind Tunnel Smoke Lines](https://animatedwebs.com/templates/slipstream-wind-tunnel-smoke): Parallel smoke streamlines flow over an invisible car silhouette, splitting and swirling in its wake. Automotive, Pro.
- [Wind-Blown Sand Dunes](https://animatedwebs.com/templates/dunehaven-wind-sand-dunes): Golden dunes with rippled crests shed wisps of blowing sand under a hazy desert sun. Travel, Pro.
- [Window Light on Plaster](https://animatedwebs.com/templates/montclair-window-light-shadows): Afternoon sun through a mullioned window slides across a limewash wall with leaf shadows. Real Estate & Architecture, Pro.
- [Wireframe Planet Scanner](https://animatedwebs.com/templates/apoapsis-wireframe-planet-scan): A latitude-longitude wireframe planet turns slowly while a scanning ring maps its terrain. 3D / WebGL, Pro.
- [Zenith Explorers Particle Constellation Grid](https://animatedwebs.com/templates/zenith-explorers-constellation-grid): A vast, slowly shifting grid of luminous particles forming ephemeral constellations. Travel, Free.
- [Liquid Chrome Background](https://animatedwebs.com/templates/bg-liquid-chrome): Looping liquid-metal shader background, 60fps, 3 KB. 3D / WebGL, Pro.
- [Aurora Mesh Gradient](https://animatedwebs.com/templates/bg-aurora-mesh): Animated mesh gradient with film grain, pure CSS + canvas. Ecommerce, Free.

## Motion components (139)

- [CRT](https://animatedwebs.com/templates/threeui-crt): One WebGL pass bends, scans and blooms any 2D canvas into a humming tube. Gaming & Entertainment, Free.
- [Energy Orb](https://animatedwebs.com/templates/threeui-energy-orb): A living sphere of fbm smoke with a fresnel rim, soft halo and drifting starfield. AI / SaaS, Free.
- [Laser](https://animatedwebs.com/templates/threeui-laser): One shader, four beam geometries: blade, array, aperture and relay. Music & Events, Free.
- [Liquid Form](https://animatedwebs.com/templates/threeui-liquid-form): A raymarched chrome body reshaped every frame by three octaves of simplex noise. 3D / WebGL, Free.
- [Liquid Metal Button](https://animatedwebs.com/templates/threeui-liquid-metal-button): A dispersion shader turns a plain pill into poured, prismatic chrome. Fintech, Free.
- [Orbital Sphere](https://animatedwebs.com/templates/threeui-orbital-sphere): 15,000 Fibonacci-sphere points, sculpted by trigonometric noise, circled by six orbits. AI / SaaS, Free.
- [Portal Field](https://animatedwebs.com/templates/threeui-portal-field): Two warped ring SDFs glow into a private gate between systems. Web3, Free.
- [3D Character Rotate Reveal](https://animatedwebs.com/templates/nexa-3d-char-rotate): Each letter rotates in 3D space on scroll, revealing words with depth. Storytelling, Pro.
- [3D Coverflow Drag Carousel](https://animatedwebs.com/templates/spinhaus-coverflow-drag-carousel): Vinyl sleeves fan out in 3D coverflow, with reflective floor and drag-to-browse inertia. Music & Events, Pro.
- [3D Letter Flip on Hover](https://animatedwebs.com/templates/lumin-type-3d-letter-flip): Each character becomes a thin 3D card that flips to reveal an accent color, driven by CSS 3D transforms. Portfolio, Pro.
- [Activity Ring Gauge Counter](https://animatedwebs.com/templates/pulsepath-ring-gauge-counter): Concentric progress rings sweep to their goals while numbers count up in the center. Health & Wellness, Pro.
- [Agent Forge Node Editor](https://animatedwebs.com/templates/forge-node-editor): A draggable node-graph canvas where AI agents connect via animated bezier links with flow particles. AI / SaaS, Pro.
- [Animated Film Grain Overlay](https://animatedwebs.com/templates/marginalia-animated-grain-overlay): A featherweight film grain that shimmers over the whole page without touching the GPU budget. Editorial, Free.
- [Animated Weather Icon Set](https://animatedwebs.com/templates/driftwell-animated-weather-icons): Living weather icons: drifting clouds, falling rain, pulsing sun and forked lightning. Travel, Pro.
- [ASCII Portrait Hover](https://animatedwebs.com/templates/quanta-ascii-portrait-hover): Contributor portraits render as live ASCII art that sharpens into the photo under the cursor. Editorial, Pro.
- [ASCII Shader Title](https://animatedwebs.com/templates/bytecrypt-ascii-shader-title): A glowing 3D title rendered entirely out of ASCII glyphs that ripple around the cursor. Gaming & Entertainment, Pro.
- [Cellular Automaton Transition](https://animatedwebs.com/templates/celluloom-cellular-transition): Pages dissolve and reassemble via a Game-of-Life-like cellular automaton. Storytelling, Pro.
- [Chromatic Aberration Hover](https://animatedwebs.com/templates/cinder-sage-chromatic-hover): Images split into RGB channels that shift independently on hover, like a lens defect. Ecommerce, Free.
- [Chromatic Glitch Text](https://animatedwebs.com/templates/chromatic-glitch-text): RGB channels split and shift on interaction, revealing a glitchy spectral depth. AI / SaaS, Pro.
- [Circuit Trace Preloader](https://animatedwebs.com/templates/circuitlab-circuit-trace-preloader): PCB traces etch themselves into existence, branching like lightning until the logo completes the circuit. Fintech, Free.
- [Click-Origin Circle Transition](https://animatedwebs.com/templates/voltara-circle-reveal-transition): Page changes burst outward as a circle from exactly where you clicked, carrying the next colour. Automotive, Pro.
- [Clip-Path Route Wipe](https://animatedwebs.com/templates/kanso-clip-path-route-wipe): Page transitions that wipe in angled panels, carrying the next page title across the screen. Real Estate & Architecture, Pro.
- [Cloth Drape Page Transition](https://animatedwebs.com/templates/morphway-cloth-drape-transition): A simulated cloth falls and lifts between routes, wrinkles and all. Agency, Pro.
- [CMYK Halftone Image Hover](https://animatedwebs.com/templates/grit-fuel-halftone-hover): Athlete photos sit as bold halftone prints and snap to full-colour photos on hover. Health & Wellness, Pro.
- [Column Counter Preloader](https://animatedwebs.com/templates/northpaw-column-counter-preloader): A giant 0–100 counter with rolling digit columns, then the screen splits into shutters. Agency, Free.
- [Compass Target Cursor](https://animatedwebs.com/templates/navix-compass-cursor): A minimal cursor ring with a needle that points to the nearest interactive element. Portfolio, Free.
- [Confetti Burst Checkbox](https://animatedwebs.com/templates/seedline-confetti-checkbox): Checking a pledge draws a hand-inked tick and bursts seeds of confetti from the box. Nonprofit, Pro.
- [Context Label Cursor](https://animatedwebs.com/templates/halcyon-context-label-cursor): A cursor that morphs into verbs: View, Drag, Play, Open, reading what you hover. Gaming & Entertainment, Pro.
- [Crossed Tape Marquee](https://animatedwebs.com/templates/warehouse-nine-crossed-tape-marquee): Two caution-tape marquees cross in an X and scroll in opposite directions. Music & Events, Free.
- [Crosshair Coordinate Cursor](https://animatedwebs.com/templates/gridmark-crosshair-coordinate-cursor): A surveyor's crosshair cursor with full-bleed hairlines and live coordinate readouts. Real Estate & Architecture, Free.
- [CRT Scanline Post Overlay](https://animatedwebs.com/templates/neon-relic-crt-scanline-overlay): Turn any page into a glowing CRT: curvature, scanlines, phosphor mask and rolling interference. Gaming & Entertainment, Pro.
- [Cube Rotation Page Transition](https://animatedwebs.com/templates/cubix-cube-page-transition): Pages transition by rotating a 3D cube, each face a route. Agency, Pro.
- [Day-Night Theme Toggle](https://animatedwebs.com/templates/owlhollow-day-night-toggle): A pill switch where the sun sets behind hills and the moon rises with twinkling stars. Travel, Free.
- [Depth Parallax Hover](https://animatedwebs.com/templates/depthcraft-parallax-hover): Images with depth maps reveal 3D parallax on hover, like looking through a window. Fashion & Luxury, Pro.
- [Drag-to-Dismiss Bottom Sheet](https://animatedwebs.com/templates/parsnip-pea-drag-bottom-sheet): A springy bottom sheet with snap points, rubber-banding and a backdrop that tracks the drag. Food & Hospitality, Pro.
- [Dynamic Island Notification](https://animatedwebs.com/templates/voltaic-dynamic-island-toast): A pill-shaped notch that morphs open into rich notifications and collapses back with springs. Automotive, Pro.
- [Elastic Cursor Band](https://animatedwebs.com/templates/meridian-motion-elastic-cursor): A cursor that stretches an elastic band toward the nearest interactive element, snapping on hover.. Portfolio, Pro.
- [Faded Logo Wall Marquee](https://animatedwebs.com/templates/stackform-logo-wall-marquee): Two rows of client logos glide in opposite directions with soft edge fades and hover focus. AI / SaaS, Free.
- [Feature Flag Ripple Toggle](https://animatedwebs.com/templates/streamline-feature-flag-toggle): A satisfying toggle that visualizes rollout impact with an expanding ripple wave. AI / SaaS, Free.
- [FLIP Card-to-Modal Expand](https://animatedwebs.com/templates/brinewood-flip-expand-modal): Room cards grow seamlessly into a full booking modal with spring physics and a shared image. Food & Hospitality, Pro.
- [Flip Clock Countdown](https://animatedwebs.com/templates/nightbloom-flip-clock-countdown): A festival countdown in heavy flip-clock cards that fold each second with depth and shadow. Music & Events, Pro.
- [Fluid Fill Preloader](https://animatedwebs.com/templates/await-fluid-fill-preloader): A realistic liquid simulation fills your logo mark, driven by a Navier-Stokes shader. AI / SaaS, Pro.
- [Fluid Ink Cursor](https://animatedwebs.com/templates/inkwell-fluid-ink-cursor): Move the mouse and real-time fluid ink blooms across the page in two brand colours. Agency, Pro.
- [Fold Paper Page Transition](https://animatedwebs.com/templates/pageflow-fold-paper-transition): Pages fold like origami, each panel rotates in 3D to reveal the next route. Editorial, Pro.
- [Frosted Glass Parallax Card](https://animatedwebs.com/templates/altitude-lodges-glass-parallax-card): A frosted glass card floats over a mountain photo, with layers that shift in depth on tilt. Travel, Pro.
- [Generative Grid Preloader](https://animatedwebs.com/templates/oscilla-generative-grid-preloader): A grid of cells that fill with animated noise, revealing the site when complete. AI / SaaS, Pro.
- [Glyph Wave Propagation](https://animatedwebs.com/templates/kinetype-glyph-wave): A traveling sine wave ripples through variable-font glyphs, modulating weight, width and vertical offset. Editorial, Pro.
- [Gooey Blob Cursor](https://animatedwebs.com/templates/gloopworks-gooey-blob-cursor): A liquid cursor made of trailing blobs that melt together and swallow hovered links. Agency, Pro.
- [Gradient Sweep Title](https://animatedwebs.com/templates/polyphon-gradient-sweep-title): Festival-bright gradients sweep through bold lettering on a looping, beat-timed pass. Music & Events, Pro.
- [Gravity Well Cursor](https://animatedwebs.com/templates/orbitron-gravity-well-cursor): A cursor that pulls a field of particles into a miniature black hole. Portfolio, Pro.
- [Hand-Drawn Highlighter Marks](https://animatedwebs.com/templates/commonground-highlighter-underline): Key phrases get marker highlights, circles and scribbled underlines drawn as you scroll. Nonprofit, Free.
- [Hexagonal Tile Transition](https://animatedwebs.com/templates/tilecraft-hexagonal-tile-transition): A mosaic of hexagonal tiles flips in a wave to reveal the next page. Fashion & Luxury, Pro.
- [Hold-to-Confirm Button](https://animatedwebs.com/templates/parcelpay-hold-to-confirm-button): A press-and-hold button with a filling progress ring, a shake on early release and a success morph. Fintech, Free.
- [Holographic 3D Tilt Card](https://animatedwebs.com/templates/aether-mint-holo-tilt-card): A collectible pass that tilts in 3D with a prismatic foil glare tracking the light. Web3, Pro.
- [Icon Morph Microinteractions](https://animatedwebs.com/templates/orbitype-icon-morph-set): A set of UI icons that fluidly morph between states with spring physics. Portfolio, Pro.
- [Image Shatter Tiles](https://animatedwebs.com/templates/shatter-image-tiles): Hover shatters an image into a 3D grid of tiles that flip and scatter to reveal a second layer. Ecommerce, Pro.
- [Inertia Trail Cursor](https://animatedwebs.com/templates/vellum-volt-inertia-trail-cursor): A cursor that leaves a smooth, physics-based trail with configurable mass and drag. Portfolio, Pro.
- [Ink Spread Text Reveal](https://animatedwebs.com/templates/quillforge-ink-spread-reveal): Letters bloom like wet ink on paper, driven by a simplex-noise flow field. Editorial, Free.
- [Ink Trail Cursor](https://animatedwebs.com/templates/trailblaze-ink-trail-cursor): A fluid ink stroke follows your cursor, blooming into splashes on click. Portfolio, Pro.
- [Kaleidoscope Lens Hover](https://animatedwebs.com/templates/opticarray-kaleidoscope-lens-hover): An array of glass lenses fractures an image into shifting symmetrical shards that follow the cursor. Fashion & Luxury, Pro.
- [Line Mask Scroll Reveal](https://animatedwebs.com/templates/harrier-line-mask-scroll-reveal): Paragraphs rise line by line out of hard masks, scrubbed precisely to scroll. Automotive, Pro.
- [Link Preview Cursor](https://animatedwebs.com/templates/preview-link-cursor): A tiny live preview of the target page appears next to the cursor when hovering any link. Editorial, Free.
- [Liquid Bottle Scroll Progress](https://animatedwebs.com/templates/sodalune-liquid-fill-progress): A soda bottle fills with fizzing liquid as you scroll, bubbles rising and surface sloshing. Food & Hospitality, Pro.
- [Liquid Distortion Product Hover](https://animatedwebs.com/templates/aquaform-liquid-distortion-hover): Product shots melt into their alternate view through a flowing liquid displacement. Ecommerce, Pro.
- [Liquid Mesh Page Transition](https://animatedwebs.com/templates/liquid-mesh-page-transition): A fluid simulation distorts the outgoing and incoming pages like ink in water. Storytelling, Pro.
- [Liquid Savings Ring](https://animatedwebs.com/templates/nexa-savings-liquid-ring): A fluid-filled ring that sloshes as you approach your goal. Fintech, Free.
- [Live Price Ticker Counter](https://animatedwebs.com/templates/tessel-live-price-ticker): Prices that morph digit by digit on every update with green and red flashes and a sparkline. Web3, Pro.
- [Logo Stroke Draw Preloader](https://animatedwebs.com/templates/olea-logo-stroke-preloader): An olive-branch logo draws itself stroke by stroke, fills with oil-gold, then lifts away. Food & Hospitality, Pro.
- [Magnetic Card Stack](https://animatedwebs.com/templates/polar-magnetic-card-stack): A fan of cards that springs toward the cursor, each card tilting and scaling with magnetic attraction. Portfolio, Pro.
- [Magnetic CTA Button](https://animatedwebs.com/templates/coinwell-magnetic-cta-button): A pill button that leans toward the cursor, with a label that lags behind for depth. Fintech, Free.
- [Magnetic Letter Attractor](https://animatedwebs.com/templates/briar-magnetic-letter-attractor): Scattered letters snap into words as the cursor pulls them with spring physics. Education, Free.
- [Magnetic Snap Cursor](https://animatedwebs.com/templates/vectra-magnetic-snap-cursor): A ring cursor that snaps around buttons and pulls them toward the pointer like a magnet. AI / SaaS, Pro.
- [Magnetic Toggle Switch](https://animatedwebs.com/templates/magneto-magnetic-toggle): A toggle that snaps with a satisfying magnetic pull and a tiny particle burst. Fintech, Pro.
- [Magnifying Dock Navigation](https://animatedwebs.com/templates/oarlock-magnetic-dock-nav): A floating dock where icons swell toward the cursor with a smooth falloff and bounce on click. Portfolio, Pro.
- [Momentum Drag Carousel](https://animatedwebs.com/templates/kineo-momentum-drag-carousel): A horizontally scrolling carousel with physics-based drag momentum and snap-to-item. Ecommerce, Pro.
- [Morphing Blob Transition](https://animatedwebs.com/templates/amorphic-blob-transition): An organic SDF blob morphs between shapes to wipe between pages with noise-distorted edges. Agency, Pro.
- [Morphing Icon Button](https://animatedwebs.com/templates/luminix-morph-icon-button): An icon button that fluidly morphs between states with spring physics. Agency, Pro.
- [Morphing Menu Icons Set](https://animatedwebs.com/templates/kitewire-morphing-menu-icons): Six line icons that morph between states: menu to close, play to pause, plus to minus and more. AI / SaaS, Free.
- [Morphing Path Text](https://animatedwebs.com/templates/lumina-morphing-path-text): Headline text flows along an SVG path that seamlessly morphs between shapes on scroll. Editorial, Pro.
- [Morphing Shape Divider](https://animatedwebs.com/templates/zenith-morphing-divider): A decorative divider that fluidly morphs between wave, peak, and zigzag shapes as you scroll. Editorial, Pro.
- [Morphing Toggle](https://animatedwebs.com/templates/flux-form-morphing-toggle): A toggle that morphs its track and thumb shape between states with a satisfying spring. Health & Wellness, Pro.
- [Neon Tube Text](https://animatedwebs.com/templates/lumina-neon-tube-text): Hand-bent glass tubes flicker to life, spelling out headlines with authentic neon glow and physics-based buzz. Portfolio, Pro.
- [Optical Size Parallax Type](https://animatedwebs.com/templates/typokinetic-opsz-parallax-type): Headlines recede into the distance as you scroll, driven by variable font optical size and weight axes. Portfolio, Free.
- [Orbital Cursor Ring](https://animatedwebs.com/templates/nebula-orbital-cursor-ring): A cursor surrounded by responsive rings that breathe with velocity, leaving a fading orbital trail. AI / SaaS, Pro.
- [Orbiting Halo Cursor](https://animatedwebs.com/templates/orbiting-halo-cursor): Three luminous rings orbit the pointer, reacting to velocity and snapping to interactive targets. Portfolio, Free.
- [Outline-to-Fill Scroll Text](https://animatedwebs.com/templates/sable-rye-outline-fill-scroll): Huge outlined words fill with colour from left to right as you scroll through them. Fashion & Luxury, Free.
- [Parallax Depth Character Card](https://animatedwebs.com/templates/dreadmoor-parallax-depth-card): Character cards where the hero breaks out of the frame as layers separate in 3D. Gaming & Entertainment, Pro.
- [Particle Assembly Preloader](https://animatedwebs.com/templates/zephyr-labs-particle-assembly-preloader): Particles spring into a logo shape, then disperse as the site loads. AI / SaaS, Free.
- [Photo Trail Cursor](https://animatedwebs.com/templates/open-lens-image-trail-cursor): Moving the mouse drops a trail of archive photographs that pop, drift and fade. Nonprofit, Pro.
- [Physics Letter Drop](https://animatedwebs.com/templates/puddlejump-physics-letter-drop): Chunky letters fall from the sky, bounce, pile up and can be flung around with the mouse. Storytelling, Pro.
- [Pixel Sort Transition](https://animatedwebs.com/templates/aether-ui-pixel-sort-transition): Pages dissolve into sorted pixel columns, revealing the next route through a glitchy data-mosh.. 3D / WebGL, Pro.
- [Pixelate Resolve Hover](https://animatedwebs.com/templates/bitgrove-pixelate-reveal-hover): Game key art starts as chunky 8-bit pixels and resolves to full detail under the cursor. Gaming & Entertainment, Pro.
- [Procedural Film Grain Overlay](https://animatedwebs.com/templates/analog-grain-co-procedural-film-grain): A lightweight animated grain layer with three noise profiles, density keyframes, and blend-mode presets. Fashion & Luxury, Free.
- [Prompt Playground Component](https://animatedwebs.com/templates/axiomix-prompt-playground): A token‑streaming prompt box with live cost & latency readouts. AI / SaaS, Free.
- [Proximity Variable Type](https://animatedwebs.com/templates/glyphwerk-proximity-variable-type): Letters swell in weight and width as the cursor approaches, like type feeling your presence. Portfolio, Pro.
- [Pulse Wave Preloader](https://animatedwebs.com/templates/pulse-wave-preloader): Radial waves emanate from center, syncing with load progress like a heartbeat. Fashion & Luxury, Pro.
- [Reading Progress Ring](https://animatedwebs.com/templates/longread-progress-ring-indicator): A corner ring fills as you read, then turns into a back-to-top button at the end. Editorial, Free.
- [Refraction Glass Hover](https://animatedwebs.com/templates/vitreo-refraction-hover): A crystalline loupe follows the cursor, refracting the product image with chromatic aberration and fresnel rim. Ecommerce, Pro.
- [Reveal-on-Scroll Wrapper](https://animatedwebs.com/templates/wayfinder-reveal-on-scroll-wrapper): One wrapper, eight tasteful entrance presets: fade, rise, mask, scale, blur and more. Education, Free.
- [RGB Split Image Hover](https://animatedwebs.com/templates/hexfield-rgb-split-hover): Album covers tear into red, green and blue channels that chase the cursor. Music & Events, Pro.
- [Ribbon Cursor Trail](https://animatedwebs.com/templates/ondine-ribbon-cursor-trail): A silky tapered ribbon streams behind the pointer and fades like wet ink. Portfolio, Pro.
- [Rolling Impact Counter](https://animatedwebs.com/templates/tidewater-impact-rolling-counter): Big impact numbers roll up digit by digit like an odometer when they scroll into view. Nonprofit, Pro.
- [Rotating Text Cylinder](https://animatedwebs.com/templates/orbital-sessions-text-cylinder): Lineup names wrap around a slowly spinning 3D cylinder that you can drag to spin. Music & Events, Pro.
- [Rotating Text-On-Path Badge](https://animatedwebs.com/templates/brasa-text-on-path-badge): A circular stamp of text orbits a logo, speeding up with scroll and spinning back on hover. Food & Hospitality, Pro.
- [Scramble Decode Headline](https://animatedwebs.com/templates/cipherline-scramble-decode-headline): Headlines resolve out of cycling glyph noise, left to right, like a signal locking in. AI / SaaS, Free.
- [Scroll Path Text](https://animatedwebs.com/templates/solaris-type-scroll-path-text): Typography that flows along an SVG path and reveals letter-by-letter as the user scrolls.. Storytelling, Free.
- [Scroll-Synced Gradient Border](https://animatedwebs.com/templates/glow-scroll-gradient-border): A container border that paints a moving gradient along its edges in perfect sync with scroll progress. Fintech, Pro.
- [Scroll-Velocity Marquee](https://animatedwebs.com/templates/tallyho-velocity-marquee): An infinite marquee that speeds up, reverses and skews with your scroll. Agency, Free.
- [SDF Iris Page Transition](https://animatedwebs.com/templates/prismatic-transition-sdf-iris): Signed-distance-field iris wipes between routes with chromatic aberration and configurable aperture blades. 3D / WebGL, Pro.
- [Section Tick Progress Bar](https://animatedwebs.com/templates/lattice-section-tick-progress-bar): A top progress bar with chapter ticks that light up and label themselves as you read. Education, Free.
- [Shimmer Thinking Text](https://animatedwebs.com/templates/parley-shimmer-thinking-text): An AI status line that shimmers while the model thinks, then settles into the answer. AI / SaaS, Free.
- [Shutter Page Transition](https://animatedwebs.com/templates/silverplate-shutter-page-transition): Vertical shutter blades sweep open and closed with a subtle perspective tilt, like a camera iris. Portfolio, Pro.
- [Skeleton Shimmer Preloader](https://animatedwebs.com/templates/vertexia-skeleton-shimmer): Animated skeleton placeholders with a sweeping shimmer wave. AI / SaaS, Free.
- [Skew Drag Carousel](https://animatedwebs.com/templates/hemline-row-skew-drag-carousel): A lookbook rail you fling with inertia, where slides skew and stretch with drag speed. Fashion & Luxury, Pro.
- [Sliding Segmented Control](https://animatedwebs.com/templates/tallwise-segmented-control-slider): A segmented control whose pill indicator glides and stretches between options. Fintech, Free.
- [Soft Blur-In Words](https://animatedwebs.com/templates/sereno-blur-in-words): Calm headlines drift into focus word by word, like breath settling. Health & Wellness, Free.
- [Spectral Trail Cursor](https://animatedwebs.com/templates/aurora-spectral-cursor): A cursor that leaves a short-lived, color-shifting aurora trail, fading with a spring physics tail. AI / SaaS, Free.
- [Spiral Galaxy Page Transition](https://animatedwebs.com/templates/nebula-spiral-transition): A living galaxy of particles swarms into a spiral, then disperses to reveal the next route. 3D / WebGL, Pro.
- [Split-Flap 3D Flip Board](https://animatedwebs.com/templates/meridian-split-flap-board): Airport-style split-flap letters that flip in 3D through the alphabet to spell each word. Travel, Pro.
- [Split-Letter Spring Cascade](https://animatedwebs.com/templates/folio-noir-split-letter-cascade): Serif headlines tumble in letter by letter on a spring, each glyph with its own rotation. Editorial, Pro.
- [Spotlight Reveal Cursor](https://animatedwebs.com/templates/lumenhaus-spotlight-reveal-cursor): The cursor is a soft torch that reveals a blueprint layer beneath a finished interior photo. Real Estate & Architecture, Pro.
- [Spring Command Palette](https://animatedwebs.com/templates/promptdeck-spring-command-palette): A ⌘K palette that springs open, filters with a gliding highlight and previews actions inline. AI / SaaS, Pro.
- [Spring Toast Stack](https://animatedwebs.com/templates/relay-spring-toast-stack): Deploy notifications stack like cards, fan out on hover and swipe away with physics. AI / SaaS, Pro.
- [Squash-and-Stretch Toggle](https://animatedwebs.com/templates/bloomcycle-squash-stretch-toggle): A jelly toggle whose knob stretches as it travels and wobbles when it lands. Health & Wellness, Free.
- [Stagger Roll Nav Links](https://animatedwebs.com/templates/brightwire-stagger-roll-links): Nav links roll their letters upward on hover, revealing an italic duplicate beneath. Agency, Free.
- [Stair Column Page Transition](https://animatedwebs.com/templates/vantage-stair-column-transition): Seven colour columns cascade down like stairs, carrying the destination name between pages. Travel, Pro.
- [Table-of-Contents Minimap](https://animatedwebs.com/templates/footnote-toc-minimap-progress): A sidebar minimap of the article's headings with a sliding viewport window and fill. Editorial, Pro.
- [Terminal Session Typewriter](https://animatedwebs.com/templates/stackyard-terminal-typewriter): A scripted terminal that types commands, streams output and redraws progress bars. Education, Pro.
- [Thermal Image Hover](https://animatedwebs.com/templates/thermoscape-thermal-image-hover): A scanline reveals a false-color thermal version of an image, with a moving heat-map shader. 3D / WebGL, Pro.
- [Tile Flip Image Reveal](https://animatedwebs.com/templates/quarrystone-tile-flip-image-reveal): Architectural photos assemble from a grid of tiles that flip into place on scroll. Real Estate & Architecture, Pro.
- [Typewriter Lesson Caret](https://animatedwebs.com/templates/quillhaus-typewriter-lesson-caret): Human-paced typing with mistakes, backspaces and a blinking block caret. Education, Free.
- [Variable Ligature Morph](https://animatedwebs.com/templates/typoflux-ligature-morph): Letters swell and fuse into ligatures on hover, revealing hidden glyph connections. Editorial, Pro.
- [Variable Weight Scroll Type](https://animatedwebs.com/templates/atelier-vesna-variable-weight-scroll): A wordmark breathes from hairline to ultra-black as you scroll, letter by letter. Fashion & Luxury, Pro.
- [Velvet Curtain Preloader](https://animatedwebs.com/templates/maison-orlan-curtain-preloader): Heavy velvet panels part from the center while a monogram counts the load. Fashion & Luxury, Pro.
- [Venetian Slat Image Hover](https://animatedwebs.com/templates/arbor-stone-venetian-slat-hover): Property photos rotate open like venetian blinds to reveal the interior behind the facade. Real Estate & Architecture, Pro.
- [View Transition Product Morph](https://animatedwebs.com/templates/loam-view-transition-product-morph): Product thumbnails morph seamlessly into the full product page with native View Transitions. Ecommerce, Pro.
- [Voronoi Cell Cursor Field](https://animatedwebs.com/templates/cellular-interface-voronoi-cursor): A living Voronoi diagram follows the pointer, cells spawn, relax, and color-shift with velocity. Portfolio, Pro.
- [Water Ripple Image Hover](https://animatedwebs.com/templates/onsen-veil-water-ripple-hover): Treatment photos ripple like a still pool touched by a fingertip wherever the cursor moves. Health & Wellness, Pro.
- [WebGL Noise Dissolve Transition](https://animatedwebs.com/templates/magmaform-webgl-noise-dissolve-transition): Scenes burn away through glowing fbm noise edges into the next page. 3D / WebGL, Pro.

## Style references (43)

Design-system references measured from public websites. Each page has a DESIGN.md, Tailwind theme and CSS variables for building original work in that style.

- [Apple iPhone](https://animatedwebs.com/styles/web/apple-iphone): measured from apple.com
- [Stripe](https://animatedwebs.com/styles/web/stripe): measured from stripe.com
- [Linear](https://animatedwebs.com/styles/web/linear): measured from linear.app
- [Apple](https://animatedwebs.com/styles/web/apple): measured from apple.com
- [Vercel](https://animatedwebs.com/styles/web/vercel): measured from vercel.com
- [Notion](https://animatedwebs.com/styles/web/notion): measured from notion.com
- [Figma](https://animatedwebs.com/styles/web/figma): measured from figma.com
- [Framer](https://animatedwebs.com/styles/web/framer): measured from framer.com
- [Spotify](https://animatedwebs.com/styles/web/spotify): measured from spotify.com
- [Nike](https://animatedwebs.com/styles/web/nike): measured from nike.com
- [Raycast](https://animatedwebs.com/styles/web/raycast): measured from raycast.com
- [Arc](https://animatedwebs.com/styles/web/arc): measured from arc.net
- [GitHub](https://animatedwebs.com/styles/web/github): measured from github.com
- [OpenAI](https://animatedwebs.com/styles/web/openai): measured from openai.com
- [Anthropic](https://animatedwebs.com/styles/web/anthropic): measured from anthropic.com
- [Discord](https://animatedwebs.com/styles/web/discord): measured from discord.com
- [Dropbox](https://animatedwebs.com/styles/web/dropbox): measured from dropbox.com
- [Slack](https://animatedwebs.com/styles/web/slack): measured from slack.com
- [Shopify](https://animatedwebs.com/styles/web/shopify): measured from shopify.com
- [Webflow](https://animatedwebs.com/styles/web/webflow): measured from webflow.com
- [Revolut](https://animatedwebs.com/styles/web/revolut): measured from revolut.com
- [Duolingo](https://animatedwebs.com/styles/web/duolingo): measured from duolingo.com
- [Mercury](https://animatedwebs.com/styles/web/mercury): measured from mercury.com
- [Ramp](https://animatedwebs.com/styles/web/ramp): measured from ramp.com
- [Supabase](https://animatedwebs.com/styles/web/supabase): measured from supabase.com
- [Cursor](https://animatedwebs.com/styles/web/cursor): measured from cursor.com
- [Lovable](https://animatedwebs.com/styles/web/lovable): measured from lovable.dev
- [Polestar](https://animatedwebs.com/styles/web/polestar): measured from polestar.com
- [PlayStation](https://animatedwebs.com/styles/web/playstation): measured from playstation.com
- [Dyson](https://animatedwebs.com/styles/web/dyson): measured from dyson.com
- [Teenage Engineering](https://animatedwebs.com/styles/web/teenage-engineering): measured from teenage.engineering
- [Loom](https://animatedwebs.com/styles/web/loom): measured from loom.com
- [Miro](https://animatedwebs.com/styles/web/miro): measured from miro.com
- [Canva](https://animatedwebs.com/styles/web/canva): measured from canva.com
- [Pitch](https://animatedwebs.com/styles/web/pitch): measured from pitch.com
- [Readymag](https://animatedwebs.com/styles/web/readymag): measured from readymag.com
- [Spline](https://animatedwebs.com/styles/web/spline): measured from spline.design
- [Hugging Face](https://animatedwebs.com/styles/web/huggingface): measured from huggingface.co
- [Netlify](https://animatedwebs.com/styles/web/netlify): measured from netlify.com
- [monday.com](https://animatedwebs.com/styles/web/monday): measured from monday.com
- [Attio](https://animatedwebs.com/styles/web/attio): measured from attio.com
- [Clerk](https://animatedwebs.com/styles/web/clerk): measured from clerk.com
- [Resend](https://animatedwebs.com/styles/web/resend): measured from resend.com

## Tools

- [MCP server](https://animatedwebs.com/mcp): 22 tools for coding agents: templates, UI library, cinematic backgrounds, styles, Design and account
- [UI Library](https://tools.animatedwebs.com/browse): animated UI components with live previews
- [Design Studio](https://design.animatedwebs.com/studio): private design workspace with AnimatedWebs AI and its own MCP server
- [Styles](https://animatedwebs.com/styles): the design system behind every template as DESIGN.md, Tailwind theme, CSS variables and tokens
- [Style extractor](https://animatedwebs.com/styles/extract): the palette and fonts of any public website
- [Video backgrounds](https://animatedwebs.com/video-backgrounds): seamless cinematic loops for website heroes
- [Tools and downloads](https://animatedwebs.com/tools): the MCP server, the AI build skill and Reges Code

## Pricing

- Free: no charge. Every free template, unlimited; Live demos of our flagship templates; MCP access to all free prompts; Design Studio with 25 AnimatedWebs AI requests a day.
- Prompt Pack: $29 one time. 10 Pro prompts, yours forever.
- Pro (monthly): $19 per month. Every Pro template while the plan is active. AI features have daily limits.
- Pro (yearly): $149 per year. Every Pro template while the plan is active. AI features have daily limits.
- Lifetime (founding price): $199 one time. Founding price for the first 100 members.
- Lifetime: $299 one time. Pay once. Every future drop included.
- Details: https://animatedwebs.com/pricing

## Partner network

AnimatedWebs (animatedwebs.com) is a Like a King Inc. company. Common ownership and cross-links only; no endorsement is implied.

- [Like a King Inc.](https://www.likeakinginc.com/): B2B technology firm: AI, cloud, security, platforms. Page: https://animatedwebs.com/network/like-a-king
- [AnimatedWebs](https://animatedwebs.com/): Animated website templates and AI build prompts. Page: https://animatedwebs.com/network/animatedwebs
- [MotionVault](https://motionvault.site/): Original cinematic website templates and design assets. Page: https://animatedwebs.com/network/motionvault
- [Davidio.dev](https://www.davidio.dev/): David's portfolio: web developer and AI integrations. Page: https://animatedwebs.com/network/davidio
- [Reges](https://regescore.pro/): Private AI assistant that runs on your PC. Page: https://animatedwebs.com/network/reges
- [Reges Code](https://regescode.com/): Free, local-first AI code editor. Page: https://animatedwebs.com/network/reges-code
- [Millicent](https://heymillicent.com/): AI sidekick with personality and memory. Page: https://animatedwebs.com/network/millicent
- [AI Fights](https://ai-fights.com/): Two minds, one arena. Coming soon. Page: https://animatedwebs.com/network/ai-fights
- [TrustCertia](https://trustcertia.com/): Transparent, verifiable website trust records. Page: https://animatedwebs.com/network/trustcertia
- [CreditFixExpert](https://creditfixexpert.com/): Evidence-linked credit report disputes, no score promises. Page: https://animatedwebs.com/network/creditfixexpert
- [Wolves 1905](https://www.wolves.land/): Georgian Wild West roleplay server on RedM. Page: https://animatedwebs.com/network/wolves-1905
- [The Lux Empire](https://theluxempire.com/): Georgian GTA V FiveM roleplay server. Page: https://animatedwebs.com/network/the-lux-empire
- [LXRCore (The Lux Empire Store)](https://www.lxrcore.com/): Premium FiveM and RedM server resources store. Page: https://animatedwebs.com/network/lxrcore