All collections · 207 templates · 56 live demos · 46 free

Animated portfolio templates.

Portfolio and agency sites with motion in the project list, the type and the page changes. Good for designers, developers, photographers and studios showing their work.

Veridian Vault Showcase, animated website template live preview
Video + WebGL1.4 MBWebsite templateNewPro

Veridian Vault Showcase

Experience Chicago’s skyline as a living work of art.

Portfolio
ClayCanvas Studio Template, animated website template live preview
Video + WebGL861 KBWebsite templateNewPro

ClayCanvas Studio Template

Feel the soft clay and knit textures of Portland in motion

Agency
Nora Whitlock. A Designer Portfolio Drawn in Pencil, animated website template live preview
Video hero24.7 MBWebsite templatePro

Nora Whitlock. A Designer Portfolio Drawn in Pencil

Pencil sketches ink themselves into finished app screens while a ferry carries her career across the bay

Portfolio
Wirelight. An AI Tools Review Desk Lit Like a Night Newsroom, animated website template live preview
Video hero12.7 MBWebsite templatePro

Wirelight. An AI Tools Review Desk Lit Like a Night Newsroom

Re-rank ten tools with one tap and watch the studio monitor cut to each one live

Portfolio
Ashby Kell. A Consulting Firm That Opens Like a Film at Dawn, animated website template live preview
Video hero25.1 MBWebsite templatePro

Ashby Kell. A Consulting Firm That Opens Like a Film at Dawn

Watch the name written on glass and wiped clean, then scroll a New York dawn into the boardroom

Agency
Taillight Studio. An Agency Site Shot on the Night Shift, animated website template live preview
Video hero14.5 MBWebsite templatePro

Taillight Studio. An Agency Site Shot on the Night Shift

A shutter opens on LA's freeways, your scroll drags the lights into trails, and the night ends at dawn

Agency
Ostrander Signal Cinematic Web Studio Site, animated website template live preview
Video hero1.3 MBWebsite templatePro

Ostrander Signal Cinematic Web Studio Site

Liquid chrome footage locks into a browser window and your case studies roll through it like a film reel

Agency
Tawny Felt Owl That Watches and Blinks, animated website template live preview
Live canvas1.9 MBWebsite templatePro

Tawny Felt Owl That Watches and Blinks

A felted owl holds its gaze on your side of the screen and blinks as it turns to follow you across

Agency
Inkhill Letterpress Card Flying Over a Flowering Hill, animated website template live preview
Live WebGL1.6 MBWebsite templatePro

Inkhill Letterpress Card Flying Over a Flowering Hill

A real 3D cotton business card with gold foil flies over a flowering hill and turns over as you scroll

Agency
Ararauna Macaw Flight for a Translation Studio, animated website template live preview
Video + WebGL3.0 MBWebsite templatePro

Ararauna Macaw Flight for a Translation Studio

A scarlet macaw sweeps out of the waterfall mist, lands on a mossy log and the name rises behind it

Agency
Archwell Stone Arch Over Wind-Rippled Water, animated website template live preview
Live WebGL736 KBWebsite templatePro

Archwell Stone Arch Over Wind-Rippled Water

Wind gusts break the mirror reflection of a stone arch into bands of light, then the water stills

Agency
Mistbridge Stone Bridge Over a Misty Gorge, animated website template live preview
Live WebGL3.0 MBWebsite templatePro

Mistbridge Stone Bridge Over a Misty Gorge

Mist drifts through a green gorge under an old stone bridge while the camera moves through it in real 3D

Agency
Domewright Dome of Living Screens, animated website template live preview
Live WebGL19 KBWebsite templatePro

Domewright Dome of Living Screens

A dome of a thousand glowing screens shifts color as the camera walks in under one huge spaced word

Agency
Ferrand Pass That Swings on Its Lanyard, animated website template live preview
Live WebGL176 KBWebsite templatePro

Ferrand Pass That Swings on Its Lanyard

Grab, throw and flip a designer's pass on its lanyard, then scroll to read each case study on its back

Portfolio
Altimere: Climb a Real Mountain as You Scroll, animated website template live preview
Video hero7.6 MBWebsite templatePro

Altimere: Climb a Real Mountain as You Scroll

A strategy firm whose pages scroll through a real climb: cloud ridge, trail, golden summit, valley.

Agency
Marlowe Venn Signature That Unrolls Into a Timeline, animated website template live preview
Live WebGL708 KBWebsite templatePro

Marlowe Venn Signature That Unrolls Into a Timeline

A signature draws itself, then unrolls into a timeline as projects, talks and essays fold out in space

Portfolio
Bluewire Light Ribbon Studio, animated website template live preview
Live WebGL769 KBWebsite templatePro

Bluewire Light Ribbon Studio

A tilted glass screen settles over dark rocks as a blue light ribbon bends, wraps a rock and streams on

Agency
Iridia Flower That Opens Into a Studio Reel, animated website template live preview
Live WebGL738 KBWebsite templatePro

Iridia Flower That Opens Into a Studio Reel

An iridescent flower opens, turns and parts on scroll to show the studio reel, then folds into a bud

Agency
Kinetica Glass Devices That Fan Out and Turn, animated website template live preview
Live WebGL962 KBWebsite templatePro

Kinetica Glass Devices That Fan Out and Turn

A tilted glass screen opens over violet light waves while glass devices fan out, face you and ride a carousel

Agency
Nightfold Chrome Ribbon That Folds Into an N, animated website template live preview
Live WebGL728 KBWebsite templatePro

Nightfold Chrome Ribbon That Folds Into an N

A black chrome ribbon unfurls, twists and folds into the N mark while a chrome sphere rolls along it

Agency
Tarnby Portfolio You Drive Through, animated website template live preview
Live WebGL757 KBWebsite templatePro

Tarnby Portfolio You Drive Through

A toy car steers across a 3D diorama, stops at five projects and each sign flips up as it arrives

Portfolio
Purlwick Knitted Fox That Chills as You Scroll, animated website template live preview
Live canvas2.1 MBWebsite templatePro

Purlwick Knitted Fox That Chills as You Scroll

A knitted fox climbs onto the ice as the wordmark falls away, then a cooling curve counts down to minus 18

Agency
Petalform Floating Marble Still Life, animated website template live preview
Video hero81 KBWebsite templatePro

Petalform Floating Marble Still Life

A floating marble still life of moss, crystals and peonies turns on deep teal beside stats ending in zero

Agency
Brock Dunk That Drops the Wordmark, animated website template live preview
Live canvas5.0 MBWebsite templatePro

Brock Dunk That Drops the Wordmark

A badger dribbles and dunks on the scrollbar while a shot clock hits zero and the wordmark falls away

Agency
Haloworks Amber Visor in Sunset Sparks, animated website template live preview
Video hero51 KBWebsite templatePro

Haloworks Amber Visor in Sunset Sparks

A portrait in a glowing amber visor in sunset sparks beside a heavy headline that breaks to italic serif

Agency
Roster Cards Fly Wall to Sphere to Helix, animated website template live preview
Live WebGL728 KBWebsite templatePro

Roster Cards Fly Wall to Sphere to Helix

118 talent cards fly between a wall, a sphere, a double helix, a hall and a dome as you scroll

Agency
Metamorph Two-World 3D Dissolve, animated website template live preview
Live WebGL743 KBWebsite templatePro

Metamorph Two-World 3D Dissolve

Two living 3D worlds dissolve into each other through six wipe masks, one cut for every chapter

Agency
Ringfall Ringed Planet Over the Mesa, animated website template live preview
Video hero54 KBWebsite templatePro

Ringfall Ringed Planet Over the Mesa

A ringed planet rises over a rust desert mesa while italic serif cuts across the sand

Agency
Brindl No-Code Studio Portfolio, animated website template live preview
Live motion52 KBWebsite templatePro

Brindl No-Code Studio Portfolio

A button that chases your cursor, project cards that stack as you scroll and a pinned six-step process

Portfolio
Foxglow Pointer That Burns Through, animated website template live preview
Live canvas368 KBWebsite templatePro

Foxglow Pointer That Burns Through

The pointer burns through a figure in a cream jacket to the fox-masked warrior beneath, with sparks

Agency
Lamina Leaf That Draws Itself, animated website template live preview
Live WebGL21 KBWebsite templatePro

Lamina Leaf That Draws Itself

A ginkgo leaf of points draws itself vein by vein, then the camera drops below the ground to its roots

Agency
Tavrin Monolith: Volcanic Canyon Atelier, animated website template live preview
Video + WebGL4.3 MBWebsite templatePro

Tavrin Monolith: Volcanic Canyon Atelier

A fashion house site where a mirror monolith rises from a volcanic canyon as amber silk sweeps past

Portfolio
Larkspur Floral Studio, animated website template live preview
Live WebGL2.1 MBWebsite templatePro

Larkspur Floral Studio

Violet petals drift down over tall wild flowers swaying in a breeze as the studio's recent work floats by

Portfolio
Petrichor Street Photography, animated website template live preview
Live WebGL2.3 MBWebsite templatePro

Petrichor Street Photography

Rain streaks fall over a neon street at night while the photo shifts with your cursor

Portfolio
Infinite Drag Photo Canvas, animated website template live preview
Live WebGL589 KBWebsite templatePro

Infinite Drag Photo Canvas

A photographer's archive as an endless 2D canvas of images that bulge with drag velocity

Portfolio
Isometric Studio Portfolio, animated website template live preview
Live WebGL462 KBWebsite templatePro

Isometric Studio Portfolio

An explorable isometric studio where every object on the desk opens a chapter of the portfolio

Portfolio
ASCII Monogram Dev Portfolio, animated website template live preview
Live WebGL43 KBWebsite templatePro

ASCII Monogram Dev Portfolio

A rotating 3D monogram rendered live as shape-matched ASCII glyphs in terminal green

Portfolio
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
Depth-Map Architecture Portfolio, animated website template live preview
Live WebGL657 KBWebsite templatePro

Depth-Map Architecture Portfolio

Building photographs gain real parallax depth from grayscale depth maps as the cursor moves

Portfolio
Showreel Through the Letters, animated website template live preview
Live canvas40 KBWebsite templatePro

Showreel Through the Letters

A motion designer's reel plays inside giant letterforms, then bursts to full screen on scroll

Portfolio
Sticker Physics Branding Studio, animated website template live preview
Live motion430 KBWebsite templatePro

Sticker Physics Branding Studio

Case studies drop in as die-cut stickers you can grab, throw and pile up on a cream canvas

Agency
Contact Split, animated section template live preview
Live WebGL430 KBSection templatePro

Contact Split

A project contact form beside a slowly zooming photo that reveals as you scroll

Agency
Coverflow, animated website component live preview
Live WebGL1.4 MBAnimated componentPro

Coverflow

Nine album-style covers on a 3D rail with a mirrored reflection under the center card

Agency
Horizon CTA, animated section template live preview
Live WebGL336 KBSection templatePro

Horizon CTA

A circle opens from the center to reveal a horizon and a huge call to action

Agency
Inquiry Form, animated section template live preview
Live WebGL221 KBSection templatePro

Inquiry Form

A three-step project inquiry with chips, a budget slider and a summary card

Agency
Lens Gallery, animated website component live preview
Live WebGL1.9 MBAnimated componentPro

Lens Gallery

A magnifying lens rides your cursor over an image grid and shows a 2.5x close-up

Agency
Magnet Button, animated website component live preview
Live WebGL209 KBAnimated componentPro

Magnet Button

A pill button that is pulled toward your cursor and bursts with a ripple on click

Agency
Marquee Cards, animated website component live preview
Live WebGL2.7 MBAnimated componentPro

Marquee Cards

Three rows of image cards race in opposite directions and lean as you scroll

Agency

Questions

Are these good for client work?+

Yes. They make good starting points for client sites, and the commercial license covers client work.