NAMCHE UI

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 @namche registry. 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 render prop, not asChild.
  • 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

  1. Foundations: the canonical design contract, generated from the agent preamble.
  2. Tokens: CSS contract and available token discovery.
  3. Installation and Components: install and compose primitives.
  4. Patterns: application states and accessible compositions.
  5. Application integration: Vite and optional TanStack adapters.
  6. Agent verification: repeatable local checks and runtime acceptance criteria.

Agents can read /llms.txt, /llms-full.txt, or the generated /agent-contract.json.

On this page