Creative Coding

36 Articles

A WebGL and WebGPU cursor experiment draws bright tubular trails that follow pointer movement across a dark canvas.

Tubes Cursor Turns the Pointer Into a WebGL Trail

Kevin Levron’s Tubes Cursor is a compact Three.js interaction experiment that turns mouse movement into glowing tubular trails and can run through WebGL or WebGPU.

Jun 30, 2026

A WebGL Formula car model kit arranged on a blue cutting mat with tools, paints, tires, and controls for kit, drive, and studio modes.

Formula Turns an F1 Model Kit Into a Drivable WebGL Toy

Patrick Heintzmann’s Formula starts as a tabletop model kit, then lets you switch modes and drive the tiny F1 machine around the browser with WASD or arrow keys.

Jun 28, 2026

A playable WebGL portfolio world with a cinematic interface inviting visitors to explore projects through mouse, keyboard, touch, or gamepad controls.

Where Worlds Take Shape Makes a Portfolio Playable

Jérôme Reynet turns a portfolio into a playable WebGL world, with procedural grass, mini-games, gamepad controls, and project discovery that behaves more like exploration than navigation.

Jun 26, 2026

A dark WebGL landing page for Totem.earth with smoke, vertical light beams, and a draggable glowing 3D totem shape.

Totem.earth Turns a Web3 Landing Page Into a WebGL Ritual Object

OFF+BRAND’s Totem.earth wraps a Web3 ecosystem in smoke, light, and a draggable Three.js object that does most of the branding before the copy gets a turn.

Jun 24, 2026

Still Night: Play Van Gogh's Starry Night as a WebGL Instrument

Van Gogh's Starry Night, rebuilt as a point cloud you can play. Touch a bright swirl and it answers high; the dark hills drop low. Brushstrokes drift along Van Gogh's own paths, and five regions form a Tone.js orchestra. You play the painting to make the music.

Jun 18, 2026

Flight 12: A Starship Launch in WebGL

Scroll down and a 124-meter Starship lights its engines beneath you, then flies its whole profile in real time. A scroll-scrubbed Three.js timeline that holds a steady frame the entire way down. Pop the 3D view and orbit it yourself.

Jun 14, 2026

A Portfolio You Walk Through: Hot Dogtor's WebGPU Building

Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.

Jun 11, 2026

Susurrus: A Watercolor World Built in Three.js

A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.

May 24, 2026

Track: A Scroll-Paced WebGL Run by Hiroto Sato

Scroll the page and an athlete runs forward. Stopwatch climbing, meters racking up, quotes from sports icons surfacing as you earn them. Hiroto Sato's TRACK pairs WebGL with GSAP and paces its reveals to distance instead of viewport position.

May 22, 2026

Artisans d'Idées: Treats Shadow as a Material

Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.

May 10, 2026

Crystal Words: A Snowflake for Every Word You Type

Type a word. Watch it break into a six-fold ice lattice and hang in the air like a frozen sentence. Crystal Words is a small WebGL piece by Ming Jyun Hung that grows a structurally unique snowflake from whatever you put into the keyboard.

May 9, 2026

Lore: Hand-Rolled WebGL by darkroom.engineering

Lore's landing page is the rare marketing site that earns its WebGL canvas. darkroom.engineering, the studio behind Lenis, wires GL into GSAP timelines for a logo-forward hero that is small, sharp, and worth reading the source of.

May 4, 2026

Weisdevice: A Glitchy Three.js Island With a Playable DJ Deck

Wei's portfolio drops you on a tiny island with a half-broken robot, a Gameboy, and a DJ deck that refuses to play clean loops. Three.js with GLSL and GSAP up top, smart performance choices underneath: raycasting at 30 FPS, render loop paused on inactive views, assets tiny and lazy-loaded.

May 3, 2026

Rahatil & Co: A 300KB Creative Site Built to Hold 60fps on Modest Hardware

Rahatil & Co spent 500 hours making a creative-category site that detects your hardware and adapts on the fly. Zero dependencies, under 300KB, and a hidden admin panel that redeploys the whole thing globally in under a second.

Apr 26, 2026

Botanics: A Three.js Plant Study

Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.

Apr 18, 2026

Justine Soulié's Portfolio: A WebGL Site Where Illustrations Are the Interface

Every illustration on Justine Soulié's portfolio is a live WebGL scene with its own micro-interactions. Built by Patrick Heng using OGL, scroll physics, and custom shaders, the canvas isn't decoration. It is the UI.

Apr 11, 2026