Every component on this site, written up and running on its own card. Each file leads with the idea, then the things that went wrong building it here — the ones that cost a day and look like nothing in a screenshot — then a prompt that produces the same component. Open one to read it; copy the prompt or take the file.
- Motion4 min read
Rotary card deck
Cards on an arc, one upright in front and the rest tilting away. Placement and tilt kept separate so the spread and the lean are tuned independently.
- Motion4 min read
Depth stack
A deck seen almost edge-on, each card smaller and turned further than the last. Four rows of measured numbers and a flick that moves one card however hard you throw it.
- Interaction5 min read
Side drawer
A panel that arrives tilted and straightens, carrying a page of content without taking the reader off the page they were on.
- Motion3 min read
Rolling label
A button whose word turns over on hover. Three copies on a wheel — and the one number you cannot copy from somebody else’s implementation.
- Interaction4 min read
Cursor pill
A drawn cursor that opens into a labelled pill over anything that says what it does, with the label read off the element rather than written in.
- Interaction5 min read
Scroll-revealed rows
A list that opens on hover to show an image behind its type — and opens itself as you scroll where there is no hover to use.
- Surface3 min read
Dashed ring
The ticked circle behind a title, drawn with a conic gradient and a mask. No asset, scales with the viewport, and one keyword decides whether it exists at all.
Built somethingwith one of these?
Or see what else gets built here — projects
