Clidey UX
Clidey UX is a production-ready React component library built on top of Radix UI primitives with Tailwind CSS v4 styling. It provides 37+ accessible, composable components designed for modern web applications.
Why Clidey UX?
Accessible by default
Every component is built on Radix UI primitives — keyboard navigable, screen reader compatible, and ARIA compliant out of the box.
Fully typed
Complete TypeScript definitions with strict mode. Your editor autocompletes props, variants, and event handlers.
Dark mode built in
Every component supports light and dark mode through the ThemeProvider. No extra configuration needed.
Composable API
Components use a sub-component composition pattern. Mix and match parts to build exactly the UI you need.
Tailwind CSS v4
Styled with the latest Tailwind CSS v4. Customize with className or extend through your own Tailwind config.
Zero runtime overhead
Pure React components with no runtime theme engine. Styles are compiled at build time for maximum performance.
What's included
The library ships 37 UI components plus a complete theming system:
Quick navigation
Tech stack
| Technology | Version | Role |
|---|---|---|
| React | ≥ 18.3 | Peer dependency |
| Radix UI | Latest | Accessible primitives |
| Tailwind CSS | v4 | Styling |
| TypeScript | ~5.8 | Type safety |
| class-variance-authority | 0.7 | Variant management |
| lucide-react | Latest | Icons |
| Recharts | 3.x | Charts |
| Sonner | 2.x | Toast notifications |
| Vaul | 1.x | Drawer |
| cmdk | 1.x | Command menu |
License
Clidey UX is open source under the MIT License.