Six sites from the reel, in the order they appear. Each one has a link and the specific thing worth taking from it.
Igloo Inc igloo.inc ↗
Procedurally grown ice crystals. Every project on the site sits inside its own uniquely generated ice block — the algorithm simulates crystal growth inside a container shape, so no two are identical. Built with Three.js, Svelte and GSAP by Abeto.
What to takeThe transition is the brand. Most sites treat loading and navigation as dead time between the good parts. Here the drift between scenes, the frost dissolves, the chromatic aberration — that's the product. Ask what your empty states and transitions are currently saying about you.
Unseen www.unseen.co ↗
Awwwards Studio of the Year. Drag-to-explore navigation across a world that keeps moving after you let go.
What to takeMomentum and weight. Interactions that carry inertia feel physical, and physical reads as premium. Most portfolios snap instantly between states — adding 200–400ms of easing with a slight overshoot changes how expensive a site feels more than any amount of visual polish.
Bruno Simon bruno-simon.com ↗
You drive a car through his portfolio. Real physics, running on Three.js and Cannon.js. Awwwards Site of the Month, January 2026.
What to takeAll of it, literally. The entire source is public on GitHub — Blender files included, MIT licensed. This is the only site on the list you can legally pull apart, rebuild, and learn from line by line. Start here if you want to actually build something like this rather than admire it.
Le Vert Menthe — Dault Lafon thevertmenthe.dault-lafon.fr ↗
A mint-green 3D scene, committed to completely.
What to takeOne unexpected colour as the entire identity. No secondary palette, no hedging. Most brand systems dilute themselves across five colours nobody remembers. This one is memorable specifically because it refuses to.
Lando Norris landonorris.com ↗
Awwwards Site of the Year, built by OFF+BRAND. A 3D helmet that rotates as you scroll, cinematic scroll-linked sequences.
What to takeScroll-linked 3D in service of storytelling, not spectacle. Every rotation reveals something about the person — it's not 3D bolted on to look impressive. The test for any interaction: if you removed it, would the story get worse? If not, cut it.
Antlii antlii.work ↗
Generative tools you run live in the browser — shader layering over images, real-time output.
What to takeThe tools themselves. Unlike the others, this one gives you assets you can generate and use today, not just techniques to study.
Want to actually build this?
Three tools that didn't make the reel but will do more for you than the inspiration will:
- Three.js Journey ↗
Bruno Simon's course. This is the one behind #3. If you only pick one thing off this page, pick this.
- Haikei ↗
Free SVG generator. Blobs, waves, mesh gradients, layered peaks. Export straight to SVG or PNG and drop them into anything.
- Ohzi ↗
WebGL cursor distortion and particle systems. Good reference for the specific effect of things reacting to where your mouse is.
