158 templates · 8 live demos · 46 free
Animated portfolio templates.
Award-style portfolio and agency templates: case-study indexes with cursor previews, WebGL image distortion, kinetic type, showreel heroes and page transitions.
ASCII Monogram Dev Portfolio
A rotating 3D monogram rendered live as shape-matched ASCII glyphs in terminal green
Depth-Map Architecture Portfolio
Building photographs gain real parallax depth from grayscale depth maps as the cursor moves
Infinite Drag Photo Canvas
A photographer's archive as an endless 2D canvas of images that bulge with drag velocity
Isometric Studio Portfolio
An explorable isometric studio where every object on the desk opens a chapter of the portfolio
Scroll-Bent Image Planes
Editorial agency images become WebGL planes that bend and colour-split with scroll speed
Showreel Through the Letters
A motion designer's reel plays inside giant letterforms, then bursts to full screen on scroll
Sticker Physics Branding Studio
Case studies drop in as die-cut stickers you can grab, throw and pile up on a cream canvas
Structure Flow
15,000 points settle into a slow-turning dome, masked into a clean horizon
3D Project Constellation Agency
A scroll-driven camera flies through a starfield of project nodes connected by glowing Bezier curves
Aperture & Line Film Strip Portfolio
An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor
Architecture Section-Cut Agency
A clay-white building is sliced open by a moving section plane to reveal its rooms as you scroll
ASCII Bust Dev Portfolio
A rotating 3D marble bust rendered live as shape-aware ASCII for a creative developer
Chromatic Brand Explorer
A dispersive lens splits a white beam into a live brand palette, each hue a gateway to a case study
Chromatic Infinite Gallery
A branding agency site with an infinite WebGL gallery where images distort like chromatic aberration on scroll
Cinder & Drift Particle Portfolio
A GPU particle cloud forms shifting skill words, attracted by a custom ember cursor
Cinematic Preloader & Showreel Hero
A film-strip preloader unfurls into a full-bleed showreel with WebGL film grain and vignette
Clay Morph Branding Agency
A glossy clay blob morphs between client logomarks as the case studies scroll past
Cloth Simulation Project Grid
A breeze-reactive cloth mesh reveals case studies as the cursor fans across it
Curl-Noise Particle Studio
200k GPU particles hold the studio logo, then drift on curl noise into project thumbnails
Datamosh 3D Scene Portfolio
Projects are 3D scenes that bleed into each other through real-time datamosh transitions
Draggable Sphere Project Index
Hundreds of project thumbnails line the inside of a sphere you drag to explore
Ethereal Blueprint Brand Agency
A scroll-driven WebGL grid of case studies that distorts like a blueprint under a magnifying glass
Film Strip Grid Portfolio
An infinite masonry of film-strip thumbnails with WebGL light-leak distortion on hover
Flip-Morph Bento Portfolio
A product designer's case studies rearrange from bento to columns to full-bleed as you scroll
Fluid Simulation Case Explorer
A real-time Navier-Stokes fluid field distorts project cards as you scroll, cursor injects dye and velocity
Force-Directed Project Graph
A living node graph of project connections that reorganizes on filter with spring physics
Frameforge Showreel Hero
A cinematic full-screen video hero with frame-accurate scroll scrubbing and kinetic type overlays
Generative Identity Playground
A living logo system that mutates in real time from project data
Generative Identity Playground
A living logo that mutates with scroll, revealing case studies through kinetic type marquees
Generative Mesh Agency
A full-viewport, generative WebGL mesh background that ripples and flows, for a creative agency
Glass Lens UX Portfolio
A liquid glass lens follows the cursor, magnifying and refracting giant type and case imagery
Glitch Text Dissolve Website
An edgy agency website where text and images glitch and dissolve on scroll and hover
Helix Atelier Showreel Portfolio
A cinematic showreel hero with frame-accurate scrubbing and a generative wireframe backdrop
Identity Flux Agency
A flocking simulation forms the logotype; case studies rearrange in a magnetic grid
Ink Brush Cursor Portfolio
The cursor paints soft sumi-ink strokes that fade like wet paper on a designer's homepage
Ink-Line Toon Illustrator Portfolio
3D scenes rendered as living pen-and-ink drawings with hatching that follows the light
Inside-the-Drum Case Gallery
Stand inside a giant spinning drum lined with case studies that bend and blur as it turns
Interactive Brand Color Space Explorer
Navigate a 3D CIE LCh color solid to discover brand palettes and guidelines
Interactive Mesh Studio
An agency site with an organic, interactive mesh that distorts images and follows the cursor
Kinetic Ink Portfolio
A portfolio where case studies unfold through scroll-driven kinetic typography and WebGL ink simulations
Kinetic Path Flood Studio
Repeated type floods along a curving path to wipe between every page of a motion studio
Kinetic Timeline Portfolio
A scroll-driven particle timeline that draws case studies as living strokes
Kinetic Type Case Index
Variable font headlines dance to scroll velocity, revealing case studies on a infinite canvas
Kinetic Type Case Index
Variable font headlines dance to scroll velocity, revealing case studies in a rhythmic grid
Letterbox Film House
Black bars part like a cinema screen to reveal the reel, and every project reads like a title card
Living Moss Fur Agency Site
The agency logo is grown in soft shell-textured moss that ruffles as your cursor brushes over it
Lumen & Grain Photo Portfolio
A flashlight cursor reveals high-res images through a living film-grain shader
Lumina Press Film Strip Portfolio
A photographer's horizontal film-strip hero with a WebGL slit-scan light-leak transition between frames
Questions
Are these good for client work?+
Yes — agencies use them as starting points for client sites; the commercial license covers it.