UI Interaction
Spotlight Grid
A grid of cards that respond to the cursor with a radial spotlight and subtle parallax tilt.
Loading…
A space for interaction systems, UI experiments, and frontend engineering exploration. Each one is a small, working answer to a problem that shows up in real products - and a window into how I think about motion, state, and craft.
The strongest of the set - each one live, interactive, and explained.
A grid of cards that respond to the cursor with a radial spotlight and subtle parallax tilt.
A fully keyboard-navigable command surface with fuzzy filtering and an animated active state.
Sliders feed a small latency model and animate the resulting distribution in real time.
A typewriter that types with human cadence - variable speed, punctuation pauses, faster deletes - across rotating phrases.
Filter by discipline. Every module is interactive on desktop and mobile.
A grid of cards that respond to the cursor with a radial spotlight and subtle parallax tilt.
A fully keyboard-navigable command surface with fuzzy filtering and an animated active state.
Sliders feed a small latency model and animate the resulting distribution in real time.
A replayable staggered reveal with adjustable choreography - tight, balanced, or loose.
A bento layout that smoothly re-flows between an overview and a focused arrangement.
Controls that lean toward the cursor with spring physics and settle back on release.
A typewriter that types with human cadence - variable speed, punctuation pauses, faster deletes - across rotating phrases.
Draggable elements that spring back to origin with live-tunable stiffness and damping, and gently repel when they overlap.
A code editor that classifies and colors tokens in real time using a regex tokenizer painted into a mirror overlay - no syntax library.
A horizontal timeline scrubbed by a contained scroll area - progress fills, milestones reveal in sequence, and a playhead tracks position.
The same tokens, scales, and curves the rest of this site is built from - shown live.
cubic-bezier(0.21, 0.47, 0.32, 0.98)
Experiments aren't a hobby tab. They're how the hard parts get solved early.
Nothing here is decoration. Each module rehearses a problem I hit in real work - focus management, perceived performance, layout continuity - so the solution is ready before the deadline is.
One easing curve, one set of durations, reduced-motion respected everywhere. Consistency is what separates motion that feels engineered from motion that feels random.
Every interaction degrades gracefully on touch and coarse pointers. Hover-only cleverness that breaks on a phone isn't craft - it's a bug with good lighting.
If this is the level of craft you want on a real product, the case studies show it shipped - and the contact form is one click away.