20 pieces in four styles. Preview each one live, then copy the prompt that puts it in your project.
The site header: logo, links and actions. bar is the kit's header: a full-bleed paper bar ruled with 2 px at the bottom, solid from the start, links centred (the current one on paper-2), actions at the end. floating is an inset outlined bar over a paper fade, so nothing shows around it.
A short announcement. pill is the hero's outlined card-white pill with a cobalt mono tag; with href it presses and its arrow nudges. bar is an ink strip above the navbar with a volt tag and a volt-underlined link.
The site footer, always on the ink set (in both themes): brand, text and actions on columns 1–5, link columns on 6–12 (mono caps h2 titles, ink links whose underline turns volt), then a ruled legal row with the copyright, legal links, labelled social keys and a live status with a pulsing volt dot.
Trail of links to the current page: ink-2 links whose underline turns volt on hover, "/" separators hidden from screen readers, the current page in bold ink.
Page keys in mono that press (the current page is an ink key, sunk), previous and next chevron keys, an ellipsis for skipped pages and an optional mono summary.
The site header: logo, links and actions, as a full-width bar or a floating pill.
A short announcement: a strip above the navbar (bar) or the hero's glass pill (pill: a glowing live dot, the badge as an aurora "New:" tag, an arrow that nudges, and one BorderBeam lap 1.5 s after load).
The site footer on the 12-column grid: brand, text, a mono status pill with a live dot and actions beside the link columns (mono h2 titles in a labelled nav), then copyright, legal links and labelled social icons over a hairline.
Trail of links to the current page; the last item is the current page and the separators are hidden from screen readers.
Page links in mono with previous and next, ellipses for skipped pages and an optional summary.
The site header: logo, links and actions, as a full-width bar (the links centred in a clay nav pill) or a floating pill.
A short announcement: a strip above the navbar (bar) or the hero's pill (pill).
The site footer: brand, text, actions and status (a clay pill with a live ping, the view's one loop) beside the link columns (h2 titles in a labelled nav), then copyright, legal links and labelled social icons.
Trail of links to the current page; the last item is the current page and the separators are hidden from screen readers.
Page links with previous and next, ellipses for skipped pages and an optional summary.
The site header: logo, mono caps links with an underline that wipes in on hover, and actions. bar is the full-width bar on a hairline rule; floating is the same bar inset as a square-cornered card (no pill).
A short announcement: an ink strip above the navbar (bar) or the hero's mono pill (pill, with a lime tag or a lime square before the text).
The site footer, always on the ink band over the column guides: brand, text, a live status (a lime dot) and actions on 5 columns, link columns from column 7 (h2 titles in a labelled nav), then the legal row with copyright, legal links, labelled social icons and, with motionToggle, the pause control.
Trail of links to the current page in mono; the last item is the current page and the separators are hidden from screen readers.
Page links with previous and next, ellipses for skipped pages and an optional summary.
A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.