Cool websites, broken down
22 exceptional sites — each one taken apart: the effects named, the libraries identified, and links to learn each technique.
Salesforce's AI Trust MapEnterprise AI guardrails explained as an illustrated space map — a rocket preloader drops you into a hand-drawn galaxy where five risk zones open as spaceship-cockpit consoles.→Eduard BodakA Cologne freelancer's Y2K-zine of a portfolio — services dealt out as trading cards that unfold on scroll, and a standard-vs-feel demo that sells motion by letting you feel it.→Bruno SimonA drivable 3D world as a portfolio — rebuilt on the Three.js WebGPU renderer with physics, multiplayer, and an original score.→ClerkSaaS motion done with restraint — Rive-driven illustrations and micro-transitions that explain the product instead of decorating it.→AstroDitherAn audio-reactive lab piece where dithering and fluid simulation collide — WebGPU pushed to art.→Pacôme PertantA motion & sound designer’s reel as a floating 3D spiral — project cards warp and motion-blur as they orbit past.→Chartogne-TailletA champagne terroir told as an engraved, hand-drawn map you travel across — parcel by parcel.→100 Lost SpeciesA digital memorial for extinct species — a journey through darkness built from drifting fragments.→La Fresque RuinartThree centuries of a champagne house painted as one enormous fresco — scroll opens the frame, then you drag through the artwork.→Max Mara — The Jacket CircleA fashion house teaches its own vocabulary — the "Jacket Dictionary" — through slow, serif-heavy staggered type and a playable circle game.→ThorgalA 45-year comic saga becomes an explorable world — Rosinski’s art split into parallax layers you walk into, doorway by doorway.→Explore PrimlandA luxury resort sold as a 3D landscape — an immersive Blue Ridge Mountains map you fly through instead of a brochure you scroll past.→ReflectThe glowing orb that launched a thousand dark-mode SaaS heroes — rendered in PixiJS, not a video.→OperateA CRM landing page styled as a green ledger document — ruled paper, ink annotations, and a "Chaos → Clarity" meter for a nav.→DigilabA studio intro that grows like a botanical engraving — etched flora blooming in around the wordmark, with sound.→Shopify Editions — Winter ’26A product release turned editorial object — golden-ratio construction lines on black, with a dozen scroll-driven feature demos.→Stripe PressA bookshelf you scroll like a real one — each title a physically modeled 3D book that rotates from spine to cover as it passes.→OFF+BRANDThe Webflow Enterprise partner's own site — a WebGL line drawing of their "+." mark, scrubbed by scroll and pinned dead-center while the whole agency story assembles around it.→Of/Horse — The ExhibitionEquine arena science hung like art — a chaptered WebGL exhibition room where scroll walks you past framed studies of impact, cushioning, grip, and every other force under a stride.→Active TheoryThe Venice studio that set the bar for WebGL agencies — v5 of their site flies you through environments from their own history, with cursor trails networked live between everyone currently visiting.→basement.studioThe Mar del Plata studio behind Vercel's Geist typeface — brutalist display type at viewport scale, chrome 3D, and a portfolio that reads like a manifesto.→MessengerA 15-minute browser game you can finish over coffee — deliver letters across a tiny living planet you can walk clear around, no invisible walls, built to hold thousands of visitors at once.→
Browse the visual gallery →