'/%3e%3cg%20transform='translate(170%20205)%20scale(0.3606)'%20fill='%23111011'%3e%3cpath%20d='M497%20640H359L248%20320%20122%20640H0L256%200z'/%3e%3cpath%20d='M292.43%20640H200.8L248%20522z'/%3e%3cpath%20d='M335%200h138l111%20320L710%200h122L576%20640z'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Components with a little fun in them
Alea is a React UI design system with motion built in. Accessible components on React Aria, Alea Motion for transitions and microinteractions, and tokens for dark and light that drive both the code and the Figma library. It ships with a warm default look (purple to yellow accent, Crimson Pro titles) that you can theme to your brand.
Accessible by default
Keyboard, screen readers, focus and RTL from React Aria. Every component is tested with axe.
Accessible by defaultDark and light
One attribute switches the theme, for the page or any area. System follows the OS.
Dark and lightThe same in Figma
Variables in Dark and Light and 13 component sets with the same props, generated from the tokens.
The same in Figmanpm or copy-paste
Install @alea/ui, or copy a component's source into your project with the CLI.
npm or copy-pasteWhat's in it
Phase 2 adds tables, forms, date pickers, menus, the app shell and the command palette; phase 3 the rest of Ant Design's list. See everything on one page.