Lab

The first native API that draws real HTML into a canvas context. Not a screenshot, not a workaround. Documenting what I've tried, what surprised me, and why this one matters.

Register a custom property with a type and the browser can interpolate it. Without it, custom properties are untyped strings: transitions and keyframes have no effect on them.

A quick reference for the four easing curves in the motion token system, visualised side by side so the differences are immediately readable.

Interactive L, C, H sliders and a hue uniformity comparison: the parts of oklch that don't click until you can touch them.

Variable font axes are animatable CSS properties, which means animation-timeline can drive font weight, letter-spacing, and more directly from scroll position.

How far can you push linear() easing before you actually need Framer Motion? Generating spring curves from a physics equation, no JS at runtime.

Trying to reproduce Apple's liquid glass effect using only SVG filters. Documenting what works, what breaks, and why it's harder than it looks.