Templates · new every week

Animated website templates, ready to try.

Play a live demo, then copy its build prompt into your AI website builder. Search by industry or browse everything.

3D and WebGL hub →

100 results · page 2 of 3

Website templatePro

Silver Halide Hero

A photograph develops in a simulated darkroom tray, chemical waves revealing the image

Portfolio

Website templatePro

Vector Field Portfolio

A 2D flow field drives project thumbnails, streamlines animate and react to cursor force

Portfolio

Website templatePro

Vesper Studio 3D Portfolio

A real-time WebGL scene where floating geometry reacts to scroll and cursor, revealing case studies on demand

Portfolio

Website templateFree

Voxel Forge 3D Portfolio

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

Portfolio

Animated componentPro

3D Letter Flip on Hover

Each character becomes a thin 3D card that flips to reveal an accent color, driven by CSS 3D transforms

Portfolio

Section templateFree

Aurora Agency Case Index Section

A scroll-driven case study index with cursor-following preview windows and WebGL image distortion

Portfolio

Section templateFree

Code Rain Hero Section

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

Portfolio

Animated componentFree

Compass Target Cursor

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

Portfolio

Animated componentPro

Elastic Cursor Band

A cursor that stretches an elastic band toward the nearest interactive element, snapping on hover.

Portfolio

Section templatePro

Envelope Fold Contact Form

A studio inquiry letter that folds into an envelope, gets a wax seal, and slides away

Portfolio

Section templateFree

Film Strip Gallery

A horizontal 35mm film strip of photos with sprocket holes and velocity-driven motion blur

Portfolio

Section templateFree

Floating Prism Bento

A light bento grid of feature cards that float and refract on hover like glass prisms

Portfolio

Animated componentPro

Gravity Well Cursor

A cursor that pulls a field of particles into a miniature black hole

Portfolio

Animated componentPro

Icon Morph Microinteractions

A set of UI icons that fluidly morph between states with spring physics

Portfolio

Animated componentPro

Inertia Trail Cursor

A cursor that leaves a smooth, physics-based trail with configurable mass and drag

Portfolio

Section templatePro

Infinite Distortion Gallery

An endless masonry grid where images warp through a WebGL lens on hover

Portfolio

Section templateFree

Infinite Masonry Distortion

An endless photo grid with liquid WebGL hover distortion and lazy-loaded tiles

Portfolio

Animated componentPro

Ink Trail Cursor

A fluid ink stroke follows your cursor, blooming into splashes on click

Portfolio

Animated backgroundPro

Kinetic Swiss Grid

A strict 12-column grid of color blocks that reflows, resizes and snaps in rhythm

Portfolio

Section templatePro

Kinetic Timeline Reel Section

A 3D path timeline scrubs a showreel; variable type morphs at each keyframe

Portfolio

Animated componentPro

Magnetic Card Stack

A fan of cards that springs toward the cursor, each card tilting and scaling with magnetic attraction

Portfolio

Section templatePro

Magnetic Team Grid

Avatars repel and attract like charged particles, revealing roles on hover

Portfolio

Animated componentPro

Magnifying Dock Navigation

A floating dock where icons swell toward the cursor with a smooth falloff and bounce on click

Portfolio

Section templateFree

Morphing Blob Sculpture Hero

A WebGL metaball sculpture that morphs between project silhouettes on scroll

Portfolio

Section templateFree

Morphing Type Hero

A sculptural 3D text headline that fluidly morphs and transforms with scroll progress

Portfolio

Animated componentPro

Neon Tube Text

Hand-bent glass tubes flicker to life, spelling out headlines with authentic neon glow and physics-based buzz

Portfolio

Animated componentFree

Optical Size Parallax Type

Headlines recede into the distance as you scroll, driven by variable font optical size and weight axes

Portfolio

Animated componentFree

Orbiting Halo Cursor

Three luminous rings orbit the pointer, reacting to velocity and snapping to interactive targets

Portfolio

Section templateFree

Parallax Depth Photo Essay Section

Layered images separate on scroll with a WebGL lens‑blur depth pass

Portfolio

Section templateFree

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

Section templateFree

Point Cloud Reassembly Hero

A dispersed point cloud assembles into a 3D model as you scroll, with a wireframe cursor reveal

Portfolio

Section templatePro

Polaroid Fan Gallery

A stack of Polaroid photos that fans out in 3D on scroll, each flipping to reveal back details on click

Portfolio

Section templateFree

Quartz Studio Glyph Mesh Section

An interactive mesh of variable-font glyphs that morph on hover like living crystal

Portfolio

Animated componentPro

Shutter Page Transition

Vertical shutter blades sweep open and closed with a subtle perspective tilt, like a camera iris

Portfolio

Section templateFree

Silver Gelatin Gallery Section

Analog film development simulation transitions between photographs

Portfolio

Section templateFree

Variable Font Kinetic Hero

A single variable font stretches, weighs, and widens in sync with scroll velocity

Portfolio