Daisyui
daisyui
daisyUI 5 - The Tailwind CSS Component Library
Component Libraries
daisyui
tailwind
tailwindcss
tailwind css
tailwind react
tailwind vue
tailwind plugin
tailwind component
tailwind next
tailwind nuxt
Stars
42k
Weekly
892k
Open issues
44
Bundle
~25 kB
Installation
npm install daisyuiCode example
import { Button } from "daisyui";
export function Example() {
return (
<div className="flex gap-2">
<Button>Primary</Button>
<Button variant="outline">Secondary</Button>
</div>
);
}Pros & cons
Pros
- Actively maintained by Pouya Saadeghi
- 892k weekly downloads. Battle tested
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Not supported in React Native
- 44 open issues on GitHub