All collections · 365 templates · 26 live demos · 365 free

Free animated website templates.

Animated website templates that cost nothing to copy and can be used on personal and client sites. Good for trying the style before you choose a plan.

Liquid Chrome Audio, animated website template live preview
Live WebGL32 KBWebsite templateFree

Liquid Chrome Audio

Raymarched mercury blobs merge, split and chase your cursor above a luxury headphone launch

Fashion & Luxury
Pocket Projector Beam Chapters, animated website template live preview
Live canvas129 KBWebsite templateFree

Pocket Projector Beam Chapters

A pocket projector throws each chapter onto the wall inside a moving cone of light

Storytelling
Command Palette Productivity, animated website template live preview
Live canvas33 KBWebsite templateFree

Command Palette Productivity

A live Cmd+K palette types its own queries and filters results right in the hero

AI / SaaS
Carbon Buoy Ocean Chapters, animated website template live preview
Live canvas86 KBWebsite templateFree

Carbon Buoy Ocean Chapters

A hand-drawn ocean line guides you through pinned chapters about capturing carbon at sea

Storytelling
Scroll-Bent Image Planes, animated website template live preview
Live WebGL690 KBWebsite templateFree

Scroll-Bent Image Planes

Editorial agency images become WebGL planes that bend and color-split with scroll speed

Agency
Sparkling Can Parallax Shop, animated website template live preview
Live canvas561 KBWebsite templateFree

Sparkling Can Parallax Shop

A tilting can floats through layers of citrus and bubbles with a sticky add-to-cart

Ecommerce
Rising Dough Bakery, animated website template live preview
Live motion459 KBWebsite templateFree

Rising Dough Bakery

A neighborhood bakery site where the hero loaf literally rises as the page loads

Food & Hospitality
Synthwave Terrain Racer, animated website template live preview
Live WebGL44 KBWebsite templateFree

Synthwave Terrain Racer

An endless neon wireframe landscape rushes toward a striped sunset for a retro racing game

Gaming & Entertainment
Iridescent Voice Orb, animated website template live preview
Live WebGL19 KBWebsite templateFree

Iridescent Voice Orb

Voice-AI landing page built around a living gradient orb

AI / SaaS
Liquid Metal Button, animated website component live preview
Live WebGL34 KBAnimated componentFree

Liquid Metal Button

A dispersion shader turns a plain pill into poured, prismatic chrome

Fintech
Semantic Bloom, animated website background live preview
Live canvas18 KBAnimated backgroundFree

Semantic Bloom

Wandering particles cling to the words nearest them, drawing thought as a living diagram

AI / SaaS
Bell Field, animated website background live preview
Live WebGL15 KBAnimated backgroundFree

Bell Field

Two Bessel-like modes drift across a bronze bell, rung by a shock ring

Health & Wellness
Constellation Field, animated website background live preview
Live canvas13 KBAnimated backgroundFree

Constellation Field

85 drifting nodes link into a living pattern the moment they're close enough

AI / SaaS
CRT, animated website component live preview
Live WebGL39 KBAnimated componentFree

CRT

One WebGL pass bends, scans and blooms any 2D canvas into a humming tube

Gaming & Entertainment
Emerald Horizon, animated website background live preview
Live WebGL12 KBAnimated backgroundFree

Emerald Horizon

Two sine waves and 1D noise carve a glowing polar horizon from one quad

Travel
Energy Orb, animated website component live preview
Live WebGL14 KBAnimated componentFree

Energy Orb

A living sphere of fbm smoke with a fresnel rim, soft halo and drifting starfield

AI / SaaS
Flow Field, animated website background live preview
Live canvas17 KBAnimated backgroundFree

Flow Field

2,500 particles steered by 3D simplex noise leave long warm ribbons

Fashion & Luxury
Laser, animated website component live preview
Live WebGL22 KBAnimated componentFree

Laser

One shader, four beam geometries: blade, array, aperture and relay

Music & Events
Liquid Form, animated website component live preview
Live WebGL16 KBAnimated componentFree

Liquid Form

A raymarched chrome body reshaped every frame by three octaves of simplex noise

3D / WebGL
Orbital Sphere, animated website component live preview
Live WebGL15 KBAnimated componentFree

Orbital Sphere

15,000 Fibonacci-sphere points, sculpted by trigonometric noise, circled by six orbits

AI / SaaS
Portal Field, animated website component live preview
Live WebGL17 KBAnimated componentFree

Portal Field

Two warped ring SDFs glow into a private gate between systems

Web3
Ribbon Field, animated website background live preview
Live WebGL14 KBAnimated backgroundFree

Ribbon Field

Three Gaussian ribbons ride layered sines under a swept halftone dot grid

AI / SaaS
Stream Convergence, animated website background live preview
Live WebGL12 KBAnimated backgroundFree

Stream Convergence

Three rotated sine streams, one per RGB channel, crest into neon light

Music & Events
Structure Flow, animated website background live preview
Live WebGL11 KBAnimated backgroundFree

Structure Flow

15,000 points settle into a slow-turning dome, masked into a clean horizon

Agency
Topo Field, animated website background live preview
Live WebGL16 KBAnimated backgroundFree

Topo Field

2D simplex noise sliced into ultra-thin contour lines that drift like living terrain

Real Estate & Architecture
Warp Field, animated website background live preview
Live WebGL27 KBAnimated backgroundFree

Warp Field

A three.js corridor of up to 1,200 additive streaks, streaming toward you at light speed

AI / SaaS
Aperture & Line Film Strip Portfolio, animated website template preview
Website templateFree

Aperture & Line Film Strip Portfolio

An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor

Portfolio
Brutalist Concrete Type Studio, animated website template preview
Website templateFree

Brutalist Concrete Type Studio

Massive concrete-textured type and raw grids for an uncompromising architecture practice

Real Estate & Architecture
Civic Ledger Bond Pulse, animated website template preview
Website templateFree

Civic Ledger Bond Pulse

A live 3D globe of municipal bond issuance and trading activity

Fintech
Cozy Game Isometric Diorama, animated website template preview
Website templateFree

Cozy Game Isometric Diorama

A cozy farming game site built around a pure-CSS isometric diorama that changes with the seasons

Gaming & Entertainment
Data City Hero, animated website template preview
Website templateFree

Data City Hero

A financial platform hero visualizing data as an animated, rising 3D city skyline

Fintech
Feature Flag Flicker Grid, animated website template preview
Website templateFree

Feature Flag Flicker Grid

A flickering grid of toggles where every square is a feature rolling out to real users

AI / SaaS
Glossy Nail Polish Shop, animated website template preview
Website templateFree

Glossy Nail Polish Shop

A nail polish shop where bottles shake, brushes swipe glossy color and swatches drip into place

Fashion & Luxury
Home Cover Layer Peel, animated website template preview
Website templateFree

Home Cover Layer Peel

An illustrated house peels apart layer by layer to show exactly what you are covered for

Fintech
Multi-Chain Portfolio Orb, animated website template preview
Website templateFree

Multi-Chain Portfolio Orb

A living 3D orb where each chain is a rotating ring, assets are particles flowing between them

Fintech
Page-Curl Poster Portfolio, animated website template preview
Website templateFree

Page-Curl Poster Portfolio

A stack of screen-printed posters you flip through with a real page-curl shader

Portfolio
Point-Cloud Site Reveal, animated website template preview
Website templateFree

Point-Cloud Site Reveal

A LiDAR point cloud of a building site reassembles into the finished architecture on scroll

Real Estate & Architecture
Pulse Analytics Dashboard, animated website template preview
Website templateFree

Pulse Analytics Dashboard

A dark-mode analytics dashboard where every metric card is a live micro-visualization

AI / SaaS
Reforestation Drone Forest Growth, animated website template preview
Website templateFree

Reforestation Drone Forest Growth

Drones drop seed pods over bare hills and a forest grows back as you scroll

Storytelling
Self-Sorting Kanban Board, animated website template preview
Website templateFree

Self-Sorting Kanban Board

Cards glide across a kanban board on their own as an AI assistant plans the sprint

AI / SaaS
Size-Inclusive Basics Store, animated website template preview
Website templateFree

Size-Inclusive Basics Store

A basics store where every product can be seen on three body types with a single smooth toggle

Fashion & Luxury
Soft Aurora Support Inbox, animated website template preview
Website templateFree

Soft Aurora Support Inbox

Pastel aurora blobs drift behind a support inbox that answers tickets while you watch

AI / SaaS
Volcano Theme Park Site, animated website template preview
Website templateFree

Volcano Theme Park Site

A cartoon volcano island rumbles and erupts while a roller coaster loops through its lava caves

3D / WebGL
Voxel Forge 3D Portfolio, animated website template preview
Website templateFree

Voxel Forge 3D Portfolio

Scroll through a procedural voxel landscape where each project assembles from blocks

Portfolio
Aurora Over the Snowfield, animated website template preview
Website templateFree

Aurora Over the Snowfield

Raymarched aurora curtains ripple above a snowy valley and a glowing cabin as snow drifts down

3D / WebGL
Draggable Sphere Project Index, animated website template preview
Website templateFree

Draggable Sphere Project Index

Hundreds of project thumbnails line the inside of a sphere you drag to explore

Portfolio
E-Reader Ink Refresh Chapters, animated website template preview
Website templateFree

E-Reader Ink Refresh Chapters

Every chapter change flashes black and white like a real e-ink page refresh

Storytelling
Electric SUV Four Seasons Wipe, animated website template preview
Website templateFree

Electric SUV Four Seasons Wipe

The SUV stays put while spring, summer, autumn and winter wipe across behind it

Automotive

Questions

Are the free templates really free for commercial use?+

Yes. With a free account you can copy every free template and use it on personal and commercial sites. A 10-template pack of Pro templates is $29, and Pro starts at $19 a month.

What's the catch?+

There is none. Free templates are our showcase, and Pro unlocks the rest of the catalog when you want it.