Experiments
18
Writing
1
Photos
GitHub
↗
Upwork
↗
X
↗
Experiments
18
Writing
1
Photos
GitHub
↗
Upwork
↗
X
↗
Experiments
Interactive UI patterns. Select a study to inspect the demo and source.
01
OKLCH Color Mixer
Gradient interpolation in perceptual OKLCH vs sRGB — the difference is stark.
May 2025
02
Fluid Typography
A type scale that flows between min and max with CSS clamp() — no breakpoints.
Apr 2025
03
Variable Font Morph
Font weight and width axes animate on hover, morphing between states.
Mar 2025
04
Cursor Trail
A trail of fading dots follows the cursor with spring lag between each node.
Nov 2024
05
Tilt Card
A card that tilts in 3D toward the cursor, with a specular highlight that moves.
Oct 2024
06
Command Menu
A Cmd K command palette with fuzzy search, grouped results, and keyboard navigation.
Sep 2024
07
Magnetic Button
A button that pulls toward the cursor with elastic spring return.
Aug 2024
08
Toast Notifications
Stacked notifications that slide in, queue behind each other, and auto-dismiss.
Jan 2026
09
Drag to Dismiss
A card that tracks pointer drag and dismisses when thrown far enough.
Dec 2025
10
Checkbox Animation
A checkmark that draws itself with a spring on check, strikethrough on complete.
Nov 2025
11
macOS Dock
Icons magnify as the cursor approaches, with Gaussian distance falloff.
Oct 2025
12
Dynamic Island
Apple's Dynamic Island with five Live Activity states.
Sep 2025
13
Spring Configurator
Tune stiffness, damping, and mass — watch the spring curve respond in real time.
Aug 2025
14
FLIP Animation
List items animate to new positions using the FLIP technique — no layout thrash.
Jul 2025
15
Focus Ring System
Custom focus indicators that feel designed — not browser defaults, not invisible.
Jun 2025
16
Resizable Panels
Drag the divider to resize two panels — pointer capture, min/max constraints.
May 2025
17
Streaming Text
Characters render one at a time as if arriving from a stream, with variable delay.
Apr 2025
18
View Transitions
Shared-element morphing between list and detail views using the native browser API.
Mar 2025