The fastest way to build React UI
Zen lets you build beautiful, accessible user interfaces with ease.
Built on top of React Aria and Tailwind CSS.
Palette
Theme
Buttons
Text Fields
Alerts
Information
Success
Warning
Error
Selection
Plan
Switches
Progress
Data Table
| Name | Role | Status |
|---|---|---|
| Alice | Admin | Active |
| Bob | User | Active |
| Carol | User | Inactive |
Select
Country
Slider
Status
Online
Away
Busy
Offline
Tabs
Overview
Analytics
Settings
Overview content
Accordion
Breadcrumbs
- Home
- Products
- Category
- Item
Toggle Group
Left
Center
Right
Loading
Calendar
January 2026
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
28 | 29 | 30 | 31 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Code
npm install @umami/react-zenBlockquote
The best way to predict the future is to create it.
Props-driven
No CSS files. No class names. Build layouts and style components entirely through props.
Accessible
Built on React Aria. Keyboard navigation, focus management, and ARIA attributes included.
Themeable
Light and dark modes out of the box. Customize everything with CSS variables.