Nine blocks. Every screen.
Accessible, production-ready React components, each wired exclusively to Nexus tokens. Open any card for its live playground, full variant matrix, props, and usage guidelines.
Tokens keep you on-brand
Alert
Six intents of inline messaging with explicit ARIA semantics — assertive, polite, or contextual by variant.
Avatar
Identity in three types — image, initials, icon — five sizes, and live presence status dots.
Badge
Compact status labels and number counters — five intents, two sizes, tag and pill forms.
Button
The five intents in solid form, sized from the token scale — padding plus line-height, no magic heights.
Checkbox & Radio Button
Selection controls in five intents and three sizes, with label, helper text, and indeterminate support.
Empty State Card
A structured zero-data moment — icon, heading, supporting copy, and paired actions, all on tokens.
Form Fields
Text, dropdown, and file-upload fields across desktop and mobile — states from rest to error, all tokenized.
Toggle / Switch
Binary settings with optional label, helper text, and container — plus iOS and Android mobile variants.
Tooltip
Dark contextual bubbles in eight positions, small and large — mobile variants included. Spec-only today.