Animated website templates, ready to try.

Coastal Boids Flock

A flock of 400 seabirds wheels across a pale dawn sky using classic boids rules

Ecommerce

Column Counter Preloader

A giant 0–100 counter with rolling digit columns, then the screen splits into shutters

Conic Spin Halo

A slow-spinning conic gradient halo behind a dark glass stage, CSS only

Animated componentPro

Context Label Cursor

A cursor that morphs into verbs: View, Drag, Play, Open, reading what you hover

Gaming & Entertainment

CosmicFlow AI Volumetric Nebula Field

A slowly evolving, gaseous nebula cloud rendered volumetrically with deep cosmic colors

Cosmos Connect Particle Constellation Grid

Thousands of luminous particles form a dynamic grid, subtly shifting and connecting.

Education

Counter Column Preloader

A 0 to 100 counter races while image columns slide past, then the page opens like a curtain

Counter-Scroll Testimonial Wall

Three columns of patient stories drifting in opposite directions behind soft fades

Health & Wellness

Cross-Chain Bridge Aurora

Two worlds joined by a ribboned aurora that carries tokens across when you bridge

Web3

Crossed Tape Marquee

Two caution-tape marquees cross in an X and scroll in opposite directions

Music & Events

Real Estate & Architecture

Crosshair Coordinate Cursor

A surveyor's crosshair cursor with full-bleed hairlines and live coordinate readouts

CSS Mesh Gradient Drift

Four pastel radial blobs orbiting on registered custom properties, zero JavaScript

Culinary Steam Reveal

A fine dining menu section where dish photography is revealed by a shimmering heat haze

Food & Hospitality

Curl Noise Flowfield

Abstract, topographic lines flowing and swirling according to a curl noise vector field

Fintech

Curl Noise Particle Nebula

Two hundred thousand GPU particles advected by curl noise into silky violet currents

Web3

Curriculum Ribbon Timeline

An online course curriculum where a handwritten ink ribbon writes itself through each module as you scroll

Education

Cursor-Docked Showreel Hero

A small reel window follows the cursor, then expands seamlessly to full screen on click

Cursor-Repel Kinetic Headline

Oversized letters scatter away from the cursor on springs and settle back into a crisp line

Portfolio

Curtain Fold Editorial Reveal

Couture images drop in like heavy fabric, folding and settling as they enter the page

Curtain Reveal Wordmark Footer

The page lifts away like a curtain to reveal a monumental serif wordmark footer

Data Stream Globe Hero

A generative 3D globe hero for data platforms, showing pulsating connections and flowing data streams

Day-Night Theme Toggle

A pill switch where the sun sets behind hills and the moon rises with twinkling stars

Travel

Diamond Dispersion Hero

A brilliant-cut stone flashes true spectral fire from three-IOR refraction and internal bounces

3D / WebGL

Displacement Portrait Team Grid

Team portraits morph into candid shots through a liquid displacement map on hover

Dithered CRT Bento

A bento grid of retro game features rendered through Bayer dithering and scanlines

Gaming & Entertainment

Docs Tool Bento Grid

A bento feature grid where every tile hides its own tiny interactive demo

Domain Warp Flow Field

A softly flowing, organic landscape created by fractal noise with distorting warps

Domain Warped Flow Field

Ethereal, flowing noise patterns warped into organic, textile-like motion

Domain-Warp Marble

Ivory and gold marble veins that slowly fold into themselves like poured stone

Donation Progress Rings

A donation widget where concentric tree-ring progress arcs grow toward three campaign goals

Nonprofit

Dynamic Currency Exchange Display

Scroll-driven currency conversion: coins and notes tumble and transform with physics.

Ecommerce

Dynamic Fabric Drape Hero

A luxurious fashion hero with a responsive 3D fabric drape that reacts to cursor and light

Dynamic Map Journey

A travel section that reveals an expedition route on an interactive map with scroll-driven reveals

Travel

Dynamic Showroom Hero

A 3D car configurator hero with real-time reflections and dynamic environment lighting

Automotive

Earbuds Morphing Sticky Buy Bar

The hero's buy button detaches and morphs into a docked buy bar as you scroll

Ecommerce