Getting StartedInstall and bootstrap headless foundations 4
FormHeadless input and selection contracts 19
LayoutHeadless structural primitives for expandable and container patterns 6
NavigationHeadless trails, trees, menus, and command surfaces 7
OverlayHeadless modal and floating layer behavior 3
FeedbackHeadless notification and status communication patterns 5
UtilityReusable action, identity, and clipboard behavior 6

Plain CSS Setup

Build primitive-based UI with semantic tokens and plain CSS, without requiring Tailwind.

Getting Started

Plain CSS Setup

Wire headless patterns with your own CSS contract and semantic token strategy.

  1. Import TailNG theme contract CSS into your global stylesheet.
  2. Define semantic CSS variables for surface, text, border, accent, and focus tokens.
  3. Compose primitives with your own CSS classes and token aliases.

Full token examples and primitive composition snippets will be published in this section.