DaisyUI Kit provides the same components across Vue, React, Svelte, Solid, Preact, Qwik, Angular, Lit, and Astro. Pick your framework, install the package, and get the same API everywhere. Switch frameworks without relearning your component library.
Build beautiful, production-ready interfaces faster than ever. Skip the endless search for utility classes or wrestling with design tokens—just drop in components and focus on what matters: your app.
You can do a lot with CSS alone. DaisyUI Kit components start as lightweight, styled markup. Where it makes sense, we add framework-native interactivity—Vue's v-model, React's controlled props, Svelte's bind syntax—so your UI stays in sync with your data without boilerplate.
Stop memorizing cryptic utility classes or copying from cheat sheets. DaisyUI Kit provides intuitive, semantic component names. The same Button, Card, and Modal API works identically whether you're writing JSX, templates, or Astro frontmatter.
Component names are easier to read than <div class="..." />. Semantic markup reduces mental overhead, boosts readability, and keeps your codebase clean and maintainable for the whole team.
Every framework package ships with full TypeScript support. Get autocompletion, inline documentation, and type checking for every prop in every framework. The props document themselves.
All components are generated from shared schemas, so behavior and props stay consistent across every framework. A bug fix or new feature lands everywhere at once—no framework falls behind.
Each framework has its own dedicated package. Import only the components you use and let tree-shaking handle the rest. No bloat, no unused framework code—just what you need.
The documentation is loaded with real-world examples and interactive demos for every framework. Expand the code panel below any example to see the code in your framework of choice. Copy, paste, and customize.
Every component is themeable via DaisyUI's theme system. Match your brand, tweak styles, or add new behavior with clear props and flexible slots. Thirty-six built-in themes work out of the box.
Join a growing community of developers building with DaisyUI Kit. Get help, share ideas, and contribute—your feedback shapes the future of the project.