LAB / EFFECTS
Landing page furniture
Six effects that show up on nearly every developer-tool site, built once and properly. None of them drives per-frame work through React state, and every one has a defined answer for reduced motion.
SPOTLIGHT CARD
Pointer-tracked
The glow follows the cursor through CSS custom properties, so nothing re-renders.
Border, not blur
A masked ring rides the same gradient. A glow with no edge reads as a smudge.
Token-driven
The light is the brand colour, mixed in oklab, so it follows the theme.
MARQUEE
NEXT.JSWEBGL2TAILWINDREACT 19FUMADOCSVITESTSHADCN
GRAIN OVERLAY
Inline SVG turbulence — no image request, no resampling at high DPR.
COUNT UP
32
The real figure is in the markup, so a blocked script shows 32 and not 0.
MAGNETIC
Move near me