Components
Everything on this site, installable
The site is built from these, so what you install is what you are looking at. Every preview below is the real component running, not a picture of one.
Add the registry once
export CTA_REGISTRY=https://adamjurek.com/r/registry.jsonDevice
Scenes
No dependencies
A phone, a tablet or a laptop in CSS 3D, chosen by the stylesheet rather than by JavaScript, whose screen is a real scroll container with real controls in it.
Preview: The same screen drawn as all three machines
Grid
Page structure
No dependencies
A responsive grid with no breakpoints in it. One number decides the column count at every width.
Preview: Cards reflowing from four columns to one
Nav Bar
Page structure
No dependencies
A site header whose panels expand. Built on <details>, so it works before hydration and closes on Escape.
Preview: A header with a panel of categories open under it
useDeviceKind
Scenes
No dependencies
Which machine the stylesheet is currently drawing, as a value. Null until mounted, on purpose - a default would be a claim the server cannot support.
Preview: No UI - it names the machine you are looking at