Guides
How Nana UI fits together: installing it, owning the source, theming, tokens, composition and the headless layer underneath the components.
Guides8
- Getting StartedInstall @nana-tec/ui-components and render your first web component in any framework.
- Owning the SourceCopy Nana UI components into your project with the CLI, and change them however you like.
- ThemingCustomize Nana UI with design tokens, CSS custom properties, and dark mode.
- Design TokensThe color, spacing, radius, shadow, typography, z-index, and transition scales that every Nana UI component is built from.
- Reusability & CompositionConsume Nana components through attributes, slots, and events — theme once, reuse everywhere.
- The Headless LayerBehaviour without a view — the rules a listbox or a dialog follows, shared by every target and published for your own components.
- Listbox RulesThe filtering, keyboard and panel rules behind Select and Combobox, published as a module you can build your own view on.
- Docs for LLMsEvery page of these docs is available as clean Markdown — one file per component, an llms.txt index, or the whole site in a single download.