RaymarchingCustom GLSLScrollTriggerLenisThree.jsReact / NextShader materialsCore Web Vitals
Most front-end devs stop at the CSS transition.
01 — the gap
02 — where I start
03 — no library did this
04 — one blend mode, zero JS
01 — Live demos
Four running pieces. Open any of them — nothing here is a recording.
01 ↗
Curl-noise fluid
Dye advected through a divergence-free velocity field, ping-ponged between two framebuffers each frame. Flows like a fluid without ever solving for pressure. WebGL2
02 ↗
Scroll-driven corridor
An infinite raymarched corridor whose camera is your scrollbar. Lenis, the GSAP ticker and the shader all read from one clock. WebGL2 · GSAP
03 ↗
Kinetic typography
Mask reveals clipped by real overflow, characters decoding out of noise, and difference-blend inversion across four panels. No WebGL, no library
04 ↗
Spring particles
Thousands of damped springs anchored to pixels sampled from rendered text, scattered by an inverse-square cursor force. Typed arrays · canvas
Anyone can install a library. I write the maths under it.