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.json

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

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