Boot Sequence
GSAP · ScrambleText · CustomEase4×4 Glyph-Matrix POST. Cells scramble Doto digits, freeze in reading-order with an inverted scan-line, single-frame flash, then coalesce into the wordmark. Plays on this site every first visit.
Front-End Developer · UX/UI · Brand & Identity
Where I test ideas I can't ship at work. Motion sketches, R3F scenes, generative experiments, weird tooling.
4×4 Glyph-Matrix POST. Cells scramble Doto digits, freeze in reading-order with an inverted scan-line, single-frame flash, then coalesce into the wordmark. Plays on this site every first visit.
Nothing Phone-inspired LED grid that pulses sequentially through a JB pattern. SSR-deterministic initial state — no hydration mismatch.
Cursor-reactive dot field with scroll parallax. Vanilla canvas, throttled to 12.5 FPS while scrolling so Lenis stays smooth. ~80% lighter than R3F.
Four corner brackets that snap to the bounding-rect of any hovered element (target-cursor pattern, à la Active Theory). Manual lerp, direct DOM transform — no React state.
Dynamic UI theming generated from a single HSL pair extracted from a client logo. Built for Tracknema's white-label tracker — one tenant, one paint job, zero forks.
Embedded Stockfish chess engine inside a fitness app, unlocked via Konami code. Pure absurdity — and a working AI opponent.
Slow-rotating wireframe sphere drifting behind the dot-grid layer. Lazy-loaded, prefers-reduced-motion respected.
Cinematic page-to-page transitions using the View Transitions API + flushSync handoff. Element-shared morph between intro wordmark and hero h1.
Animated plasma background pattern shipped on a personal Road Trip site. Lightweight SVG-only generative — no canvas, no WebGL.