Lab

Projects I build for my own work, practice, and ideas. Not client work — but real projects, shipped and in use.

Builds

Experiments

Micro-interactions and UI techniques — things built to understand how something works. Click any card to view full demo.

15 of 20 experiments

Click to view →

Magnetic Button

An element that drifts toward the cursor using spring physics. Hover the button.

Framer Motionmotioninputmicro-interaction
Click to view →

Hamburger → Close

Three lines morph into an X on click. A staple nav interaction built with pure CSS transitions.

CSScssinputmicro-interaction
Click to view →

Heart Like

A like button with a fill animation and particle burst on activation.

Reactreactinputmicro-interaction
Click to view →

Pill → Arrow Button

Full-radius pill button with a vertical capsule icon. Hover to spin it 405° and watch the pill morph into an arrow.

Framer Motionmotioninputmicro-interaction