One design system for every Anantya product

Accessible React components, design tokens and icons, so teams build the product, not the buttons and dialogs.

pnpm add @anantya/uix @anantya/icons

Needs access to the private registry: seeGetting Started.

Try it here

These are the real components, in this page's light or dark theme.

Button
Runs an action, such as Save or Delete, in five variants and two sizes.
INV-2026-0142
Copy Button
Copies a value, such as an invoice ID, in one click.
Dialog
A modal window that blocks the rest of the page until it is closed.
Email alertsWeekly summary
Switch
Turns one setting on or off, and the change applies at once.
Switches this whole page
Theme Toggle
Switches the app between its light and dark theme in one click.
Icons
Every icon in the set by name, ready to import as a React component.

Accessible by default
Every component is checked with the keyboard and with axe, in light and dark, against WCAG 2.2 AA.
Built on the browser
Dialogs use the browser's own dialog element instead of an extra library, so there is less code to load.
Only what you import
Each component is its own entry with a size budget, so your bundle gets only what you use.
Light and dark
Every color is a token with a light and a dark value, and the Theme Provider remembers the reader's choice.