WebGL shaders, cursor-driven motion, creative coding. Quick experiments in mood & material

draw anywhere or scroll
  1. A neon orchid that opens as the cursor moves down

    Cursor bloom

    Move your cursor up & down the screen
    to make the orchid bloom.

    HTML Canvas · 63-frame image sequence

  2. Accomplishment badges

    Drag to swing · click to cycle · code adapted from Vercel’s open-source ship-conference badges

    Three.js · Rapier physics

  3. Flipboard

    A split-flap board, inspired by the one in the Ferry Building. Every cell flips through the alphabet on its own clock

    JavaScript · Web Audio

  4. Interactive record

    A record you can play with. Make circles to spin. Shake cursor to scratch.

    WebGL · Unicorn Studio

  5. GitHub commits

    @grzy

    ‹ — ›

    Commit heatmap

    My GitHub commits, a cell for every day. Each one plays a note · turn the sound on

    GitHub API · Tone.js

  6. About-page glow

    Hover the canvas. The light follows.

    WebGL · Unicorn Studio

  7. Shapes to Music

    After Effects. Steel drum, goat sounds, every keyframe to the beat. Press play

    After Effects · Sound design

  8. Playful particles

    Particles drifting. Just some dopamine

    paper.design · Beta access