Under the hood
Sixteen scenes. One small toolkit.
01Living light
A WebGL fragment shader. Layered noise warps itself and your finger sends a ripple through it. Pauses offscreen.
~2 KB · no lib
02Five pillars
Five pillars across a year: work, personal, health, family, all of it. The avatar is lit by the scene, kicks up dust, splashes, sprays snow and leaves trails when you scroll fast.
Canvas · sprites
03Portrait in depth
A cutout that pops out of an arch, colors in as you scroll, tilts in 3D and wears its credentials as floating tags.
CSS 3D + GSAP
+Yeshu, the guide
Your avatar in miniature. He walks when you scroll, faces the way you go, hops across the screen with squash and stretch, and narrates each section.
sprites + GSAP
+Professional work
Panels that widen on hover, or follow your scroll on a phone, to give one practice the stage at a time.
flex-grow · CSS
+Shipping in public
A git branch drawn by scroll, with a node landing on each repository as it slides in.
SVG + scrub
04Particle words
Words drawn offscreen, sampled into points, and sprung between as you scroll. Touch pushes them away.
Canvas · no lib
05Baton loop
A typed terminal timeline with a live signal between human and agent. Replayable.
~1 KB · no lib
06Studio stack
Sticky cards that sink back as the next slides over. Products without screenshots get generative art.
sticky + scrub
07The 202-mile line
A path drawn by scroll with a rider, an odometer and the real clock from the ride journal.
SVG + ScrollTrigger
08Sideways miles
Vertical scroll drives a horizontal track; numbers fill and photos unmask as each panel lands.
containerAnimation
09Career timeline
A line that draws itself while the year rolls from 2016 to now.
scrub + sticky
10Toolbox in motion
Bands of type that speed up and reverse with your scroll.
rAF · no lib
11Field notes
A photo that trails the cursor and tilts with its speed. Thumbnails on touch screens.
rAF · no lib
12The opening
A living blob, a magnetic button, and a circular wipe from exactly where you pressed.
clip-path · GSAP