# daisyUI

> Tailwind CSS plugin with ready-made components and themes, in pure CSS

- Category: UI components (`components`)
- Tags: `free`, `open-source`
- Official: https://daisyui.com/
- Wunderlust: https://wunderlust.xyz/r/daisyui
- Image: https://wunderlust.xyz/media/daisyui-poster.jpg
- Video preview: https://wunderlust.xyz/media/daisyui.webm
- Added: 2026-11-05

## What it is

daisyUI is a free, open source component library distributed as a Tailwind CSS plugin. It adds semantic classes such as btn, card and toggle.

## What it’s for

For building interfaces quickly with ready-made components and themes, without writing long lists of utility classes.

## Benefits

- CSS only, with no JavaScript dependency, compatible with any framework
- 68 built-in components and 35 themes, with a theme generator
- Semantic colors based on CSS variables

## Caveats

- According to the site, it cuts 88% of classes and about 79% of HTML compared with plain Tailwind, in its own example.
- Free and open source; templates and a Figma library are sold separately.

## Similar on Wunderlust

- [React Bits](https://wunderlust.xyz/r/react-bits.md): A library of animated React components: text, backgrounds and microinteractions
- [Open UI](https://wunderlust.xyz/r/openui.md): Open standard for generative UI: AI answers become charts and interactive dashboards
- [OriginKit](https://wunderlust.xyz/r/originkit.md): Free library of animated components for websites
- [Tiptap](https://wunderlust.xyz/r/tiptap.md): Open-source headless text editor framework for the web
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system
- [ProseMirror](https://wunderlust.xyz/r/prosemirror.md): Toolkit for building rich text editors on the web