Animated website templates, ready to try.

Boarding Pass Destination Cards

Destination deals as boarding passes that flip their split-flap codes and tear off a stub when you book

Travel

Build Benchmark Race Strip

Racing bars and odometer counters prove your builds finish before the coffee does

Candle Flame Ambient Hero

A single candle flame flickers, bends toward your cursor and warms a dark scene with soft light

3D / WebGL

Animated backgroundFree

Candlelight Bokeh Glow

Warm out-of-focus candle lights flicker and drift softly, pure CSS with no JavaScript

Nonprofit

Animated backgroundPro

Carbon Fiber Light Sweep

A 2x2 twill carbon weave under clear coat, with a slow studio light sweeping across the tows

Automotive

Cellular Automaton Transition

Pages dissolve and reassemble via a Game-of-Life-like cellular automaton

Storytelling

Charm Bracelet Builder

Drag charms onto a gold chain and watch them swing, clink and settle with real physics

Fashion & Luxury

Animated componentFree

Chromatic Aberration Hover

Images split into RGB channels that shift independently on hover, like a lens defect

Ecommerce

Chromatic Glitch Text

RGB channels split and shift on interaction, revealing a glitchy spectral depth

Circle-Reveal Overlay Menu

A jeweler's menu that blooms from the burger in a circular clip with collection previews

Fashion & Luxury

Animated componentFree

Circuit Trace Preloader

PCB traces etch themselves into existence, branching like lightning until the logo completes the circuit

Fintech

Click-Origin Circle Transition

Page changes burst outward as a circle from exactly where you clicked, carrying the next color

Automotive

Cloche Lift Room Service Menu

A room-service menu where silver cloches lift to reveal each dish in a puff of steam

Food & Hospitality

Cloth Drape Page Transition

A simulated cloth falls and lifts between routes, wrinkles and all

Agency

Code Quality Force Graph

A force-directed galaxy of repository files sized by complexity and colored by debt

Code Rain Hero Section

A WebGL shader renders falling code glyphs that resolve into a terminal prompt

Portfolio

Code River Hero

A living river of syntax tokens flows across the viewport, reacting to scroll and cursor

Command Search FAQ

A developer FAQ you search like a command palette, with answers that type themselves out

Animated componentFree

Compass Target Cursor

A minimal cursor ring with a needle that points to the nearest interactive element

Portfolio

Confetti Burst Checkbox

Checking a pledge draws a hand-inked tick and bursts seeds of confetti from the box

Nonprofit

Constellation Hero

A living star map of particles that forms a logo then draws constellation lines on scroll

Cross-Chain Particle Bridge

Two glowing globes connected by a live particle stream representing asset flow

Web3

CRT Scanline Post Overlay

Turn any page into a glowing CRT: curvature, scanlines, phosphor mask and rolling interference

Gaming & Entertainment

Cube Rotation Page Transition

Pages transition by rotating a 3D cube, each face a route

Agency

DAO Garden Proposal Blooms

Each governance proposal grows as a plant that blooms or wilts with the vote

Web3

Data Orb Hero

A pulsating, translucent data orb of interconnected nodes and lines for an AI platform

Animated backgroundPro

Dependency Force Mesh

A 3D force-directed graph of package dependencies that breathes with scroll and filters by ecosystem

Depth Parallax Hover

Images with depth maps reveal 3D parallax on hover, like looking through a window

Fashion & Luxury

Depth-Map Mountain Parallax

A single mountain photo becomes a 3D scene that shifts with your cursor and fills with drifting cloud

3D / WebGL

Diff Lens Hero

A split-code view where AI annotations bloom as refractive glass shards

Docs Lens Reveal Section

A reading lens glides over prose and reveals the API reference hidden beneath it

Drag-to-Dismiss Bottom Sheet

A springy bottom sheet with snap points, rubber-banding and a backdrop that tracks the drag

Food & Hospitality

Drawn-Check Us vs Them Table

A two-column 'us vs typical clinic' comparison where checks draw and crosses strike in rhythm

Health & Wellness

Dynamic Island Notification

A pill-shaped notch that morphs open into rich notifications and collapses back with springs

Automotive

Dynamic Rate Slider

A pricing toggle that slides between plans with morphing SVG waves and odometer price counters

Fintech