NAMCHE UI
The functional component layer for NAMCHE products and tools.
NAMCHE UI is the component layer for interfaces where usability comes first — SaaS products, dashboards, internal tools. It is recognisably NAMCHE without the weight of the brand layer: identity comes from the design system's own decisions, not from decoration.
The stack
- shadcn/ui conventions — components live in your
repo, installed from the
@namcheregistry. Base UI became shadcn's default primitive library in July 2026; this library follows it. - Base UI primitives — accessible behaviour from the
people who built Radix, Material UI and Floating UI. Composition uses the
renderprop, notasChild. - Tailwind CSS v4 — styling through the semantic variables every shadcn component already reads.
@namche/design-tokens— colour, type, spacing, radius and motion, Day and Night.
Find your starting point
- Foundations: the canonical design contract, generated from the agent preamble.
- Tokens: CSS contract and available token discovery.
- Installation and Components: install and compose primitives.
- Patterns: application states and accessible compositions.
- Application integration: Vite and optional TanStack adapters.
- Agent verification: repeatable local checks and runtime acceptance criteria.
Agents can read /llms.txt, /llms-full.txt, or the generated /agent-contract.json.