Playground

Sketches and interaction studies — heavy demos are code-split and pause when off-screen.

Type Lab

Live

Per-character type interactions — spotlight, magnetic pull, decode scramble, and swell.

  • Typography
  • Motion
  • Interaction
Open →

Fluid Sim

Live

Full-screen dye injection into a stable-fluid solver — pointer-driven flow.

  • WebGL2
  • GLSL
  • Creative coding
Open →

Liquid Distortion

Soon

Shader-based image warp with viscous easing.

  • Three.js
  • Shaders

Brush Reveal

Soon

SVG mask animation along a hand-drawn centerline.

  • SVG
  • GSAP

Color Wheels

Soon

Interactive accent harmony explorer tied to theme tokens.

  • Color
  • Theming

Scroll Lab

Soon

Pinned sections and scrubbed timelines for motion studies.

  • ScrollTrigger
  • GSAP