Halo

Soft, rounded and light-first: big white cards on a warm canvas, five pastel tints that carry meaning and ink as the only accent.

LiveNeeds reviewWaiting for approval

Twentyfirst UI is two React kits with one component API. Halo and Pro share every component, prop and piece of markup; only tokens and CSS differ. Use one kit on its own, or load both and switch at runtime with data-kit. Every page of these docs exists for both kits: the switch in the header shows the same page in Pro.

The kits ship no fixed copy. Every visible string goes through the label system and every number, amount and date through Intl, so the same components work in English and German (try the EN/DE switch).

InstallationPackage, styles, provider and the GitHub registry.CLIinit, add, list and diff.Theming and tokensLight, dark, density, and every token side by side.82 component groupsLive examples, code and props.26 patternsComplete screens built only from kit parts.