Getting started
Install it, ship a page, then make it yours.
The docs collection
A docs template, not a docs site.
Three sections, an index, a section page, a post and a component reference — the shape to copy for your own project's docs, not this system's own 130-page build.
Sections
4 sections, 16 pages. Each card shows what is inside it and how long it takes, both counted from the pages themselves rather than typed in by hand.
Components
Every component, with the markup and the full class table.
Patterns
Whole layouts assembled from the components above.
API reference
Every token and every hook you can override.
All pages
All 16, with the section each belongs to.
InstallationLink the stylesheet, or install the package.QuickstartA working page in the time it takes to read this.ThemingOverride the semantic tier; never edit the source.Folder structureWhat each numbered layer holds, and why the order matters.UpgradingWhat changes between minor versions, and what never will.ButtonSix intents, three sizes, every state.CardThe base shape every collection card extends.ModalA real <dialog> — focus trap included by the browser.Form controlsNative inputs, native validation, one label rule.TimelineVertical, horizontal, and four modifiers.NavbarOne component, a style per collection, six variables.Page layoutsThe rail, the split rail, and when each one is wrong.Dark modeOne set of variables, two themes, no second stylesheet.PrintingWhat survives a page break, and what to hide.Token referenceEvery token you can override, grouped by what it controls.JavaScript hooksThe data attributes nav.js sets, and what CSS does with them.