Craft
The Lab
Small interaction experiments — the details I obsess over, built in code. Each one is keyboard-accessible, works on touch, and respects reduced-motion.
01
Theme toggle
Persists your choice · follows the OS
Switches the whole site
02
Magnetic button
Eases to the cursor · desktop only
03
Copy to clipboard
With a confirm state
04
Spring tooltip
Hover · tap · focus
05
Accordion
Measured height · full keyboard
Both — I design it, then build the front-end in code, so there's no handoff gap.
With a CSS grid-rows trick (0fr → 1fr) — smooth, no JavaScript measuring, and it collapses instantly under reduced-motion.
Yes. Each header is a real button with aria-expanded and aria-controls; Tab to it and press Enter or Space.