All industries · 42 templates · 6 live demos · 9 free
Portfolio website templates.
Work first, words second: show your best projects at once, keep loading fast and make contacting you easy. Calder Atelier Climbing a Staircase on Scroll is a live, playable website that suits a portfolio: climb a white staircase over still water by scrolling, then hover the project index for stills. It is a Pro template, included with Pro or unlocked with one credit from a Prompt Pack. Also here: Marlowe Venn Signature That Unrolls Into a Timeline, Tarnby Portfolio You Drive Through and 39 more. 6 of the 42 have a live demo you can play before you choose. Play it first, then copy its build prompt into your AI builder and swap in your own name, photos and prices.
Start here
Calder Atelier Climbing a Staircase on Scroll
Climb a white staircase over still water by scrolling, then hover the project index for stills
Built for designers, developers and freelancers showing their work
Aperture & Line Film Strip Portfolio
An infinite 3D film strip scrolls horizontally, each frame a project, with a viewfinder cursor
Cinder & Drift Particle Portfolio
A GPU particle cloud forms shifting skill words, attracted by a custom ember cursor
Helix Atelier Showreel Portfolio
A cinematic showreel hero with frame-accurate scrubbing and a generative wireframe backdrop
Kinetic Ink Portfolio
A portfolio where case studies unfold through scroll-driven kinetic typography and WebGL ink simulations
Lumen & Grain Photo Portfolio
A flashlight cursor reveals high-res images through a living film-grain shader
Obsidian Frame Particle Portfolio
A dark matter particle field forms a living constellation of projects
Procedural Garden Portfolio
Projects grow as living plants in a seasonal WebGL garden you scroll through
Quill & Quanta Variable Font Portfolio
A kinetic variable-font headline that disassembles into glyph particles on scroll
Shader Sketchbook Portfolio
A live GLSL editor renders the hero background; each project is a playable shader sketch
Vector Field Portfolio
A 2D flow field drives project thumbnails, streamlines animate and react to cursor force
Vesper Studio 3D Portfolio
A real-time WebGL scene where floating geometry reacts to scroll and cursor, revealing case studies on demand
Voxel Forge 3D Portfolio
Scroll through a procedural voxel landscape where each project assembles from blocks
Datamosh 3D Scene Portfolio
Projects are 3D scenes that bleed into each other through real-time datamosh transitions
Also works for portfolio sites
Calder Atelier Climbing a Staircase on Scroll
Climb a white staircase over still water by scrolling, then hover the project index for stills
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
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
Brindl No-Code Studio Portfolio
A button that chases your cursor, project cards that stack as you scroll and a pinned six-step process
Isometric Studio Portfolio
An explorable isometric studio where every object on the desk opens a chapter of the portfolio
ASCII Monogram Dev Portfolio
A rotating 3D monogram rendered live as shape-matched ASCII glyphs in terminal green
Blueprint Extrude Portfolio
Scroll drives a generative blueprint that extrudes into a 3D building model
Brutalist Concrete Type Studio
Massive concrete-textured type and raw grids for an uncompromising architecture practice
Film Strip Grid Portfolio
An infinite masonry of film-strip thumbnails with WebGL light-leak distortion on hover
Fluid Simulation Case Explorer
A real-time Navier-Stokes fluid field distorts project cards as you scroll, cursor injects dye and velocity
Ink-Line Toon Illustrator Portfolio
3D scenes rendered as living pen-and-ink drawings with hatching that follows the light
How it works
01
Play the demo
Open a live demo and scroll it the way your customers will.
02
Copy the build prompt
Paste it into your AI website builder or coding assistant.
03
Make it yours
Swap in your name, photos, services and prices.
Questions
Can I use a template for my portfolio?+
Yes. Calder Atelier Climbing a Staircase on Scroll is a good starting point for designers, developers and freelancers showing their work. Play the live demo, copy the build prompt into your AI builder, then swap in your name, photos, services and prices.
Which one should I start with?+
Start with Calder Atelier Climbing a Staircase on Scroll, a good place to begin, then compare the other live demos.
Do I need to know how to code?+
No coding is needed to start. Each template comes with a complete build prompt written for AI website builders and coding assistants, so you ask for changes in plain words.
What does it cost, and can I use it for my business?+
9 of these 42 templates are free to copy with a free account. Pro is $19/month or $149/year for every template, a pack of 10 is $29, and Lifetime is $199 once while founding spots last. Pro, the pack and Lifetime include a commercial license for client work, and free templates can be used for personal and commercial sites.