🌼
DaisyUI Kit
for Vue React Svelte Solid Preact Qwik Angular Lit Astro
BeautifulAccessibleType-safeReactiveModernUI Components
DaisyUI components for every framework. TypeScript support, tree-shaking, and consistent APIs across Vue, React, Svelte, and more. pnpm add @daisyuikit/vuereactsveltesolidpreactqwikangularlitastro116
Components
Across all frameworks
100%
TypeScript
Full type safety
10
Frameworks
One API, every framework
Why DaisyUI Kit? DaisyUI's beautiful components with type safety and a consistent API across every framework.
Type-Safe Props
Full TypeScript support with intelligent autocomplete. Every prop is typed for a better developer experience.Reactive Bindings
Two-way binding, signals, stores — whatever your framework uses.Flexible Slots
Compose complex UIs with named slots. Full control over content and structure.35+ Themes
Switch themes instantly with the Theme Controller. Light, dark, and colorful options included.Accessible
Built on DaisyUI's accessible foundation. Keyboard navigation and ARIA attributes included.Framework Native
Nuxt module, Vite plugins, Angular schematics — works with your build system.Tree Shakeable
Only import what you use. Optimized bundle size with automatic dead code elimination.Well Documented
Comprehensive documentation with live examples for every component and prop.Try It Out Interactive components that just work. Click, toggle, and explore. These demos use Vue — the same components are available for React, Svelte, and all supported frameworks.
Buttons
Modal
Hello from Modal!This modal is controlled with v-model. Click outside or press ESC to close.
Swap
Night
Rating
You rated: 3 starsDropdown
Loading
Ready to build something beautiful? Join developers using DaisyUI Kit to build beautiful UIs faster — in any framework.