Introduction
daisyUI JSX is a React component library built on top of daisyUI v5. Components are copied directly into your project so you own the code and can change whatever you want.
Why daisyUI JSX?
daisyUI gives you great looking components via Tailwind CSS classes. This library wraps those classes into React components with proper props, refs, and variants so you don't have to wire everything up yourself.
How it works
There is no package to install. You pick the components you need and add them via the CLI:
bash
The component gets copied into your components/ui/ folder. It's just a file in your project. Read it, edit it, delete it.
Component Categories
Components are split into six categories:
- Layout: divider, drawer, hero, stack and more
- Navigation: menu, tabs, breadcrumbs and more
- Data Display: table, badge, card and more
- Feedback: alert, modal, toast and more
- Forms: input, select, checkbox and more
- Effects: animations and interactive components