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.jsonTextarea
Forms
No dependencies
A textarea in the same clothes as Input, growing with its content where the browser allows.
Preview: A paragraph-sized field
Toast
Feedback
No dependencies
Strings, four seconds, bottom corner, announced politely - one provider and one hook, nothing else.
Preview: A message rising in the corner
Toggle
Actions
No dependencies
A button that stays down, and the single-select group of them - aria-pressed is the whole contract.
Preview: A pressed toggle in a group of three
Tooltip
Feedback
No dependencies
One line on hover and focus, in the markup rather than in title= - and never carrying controls.
Preview: A word with its one-line answer above it
Typography
Text
No dependencies
The type scale as components: Heading with outline and size separated, the Label eyebrow, the Lead. One decision, made once.
Preview: A label, a heading and a lead, in the site's own scale
Video Player
Media
No dependencies
A video held behind a picture of itself. The player is a child, so it mounts on play and unmounts on stop - no vendor, no bytes and no cookies until somebody asks.
Preview: A poster with a play button, and the frame it reserves
Breadcrumb
Navigation
No dependencies
The trail, told twice from one list: a visible nav with correct ARIA, and the schema.org BreadcrumbList rendered from the same array.
Preview: A trail of crumbs with a chevron between each
Command Palette
Navigation
No dependencies
Search over everything the host can name, in a native dialog: substring filter, arrow keys, and the host keeps the router.
Preview: A search field over a filtered list, floating mid-page
Doc Aside
Navigation
@tanstack/markdown
An on-page table of contents: a sticky rail on desktop, a collapsed row on mobile. Collapse is CSS, not state.
Preview: A contents list tracking the heading you are under
Doc Nav
Navigation
No dependencies
The left rail of a documentation page: the sections of a library, the elements in each, and the one that is open. A sticky column on a wide screen, a collapsed row below it.
Preview: A grouped list of elements with the open one marked
Hero
Page furniture
No dependencies
The head of a documentation page: trail, element name, version, measured facts, actions and a responsive shot. Folds to one column by the room it has, not by the size of the window.
Preview: A page head with its name, its facts and a picture of itself
Pagination
Navigation
No dependencies
Pages as links with first and last always reachable. The window everyone already knows, and nothing that breaks middle-click.
Preview: Numbered pages with an ellipsis where numbers were elided
Showcase
Presentation
No dependencies
A component in a real iframe at every width it has to survive, side by side, with its source and install commands.
Preview: One component, four real viewports, side by side