DA

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 daisyui

Code 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

FAQs

Alternatives & similar libraries