Daisy
UI Kit
🌼
Search...
⌘
K
v5
v5 (current)
v3
system
light
dark
bumblebee
cmyk
corporate
emerald
fantasy
lofi
pastel
winter
wireframe
lemonade
acid
caramellatte
cupcake
silk
valentine
autumn
nord
cyberpunk
garden
retro
aqua
dim
dracula
business
coffee
sunset
halloween
forest
night
abyss
synthwave
luxury
black
Vue
React
Svelte
Solid
Preact
Qwik
Angular
Lit
Astro
Astro + Alpine
Why DaisyUI Kit
One Library, Ten Frameworks
Effortless UI Development
Start with CSS. Add Interactivity Where It Counts
No Memorizing Class Names
Semantic, Readable Markup
Built with TypeScript
Single Source of Truth
Small Bundle Size
Great Documentation & Examples
Designed for Customization
Community & Support
Prev
Migrate
Next
Components
to top
Daisy
UI Kit
🌼
Install
Auto-Imports
What's New
Changelog
Migrate
Why DaisyUI Kit
Components
Bundle Size
Using Link Components
Actions
Button
Dropdown
FAB
new
Modal
Swap
Theme Controller
Theme Provider
Data Display
Accordion
Avatar
Badge
Card
Carousel
Chat
Collapse
Countdown
Diff
new
Hover3D
new
HoverGallery
new
Kbd
List
new
Stat
Status
new
Table
new
Text
Text Rotate
new
Timeline
new
Prose
Navigation
Breadcrumbs
Dock
new
Link / DaisyLink
Menu
Navbar
Pagination
Steps
Tabs
Feedback
Alert
Loading
Progress
RadialProgress
Skeleton
new
Toast
Tooltip
Data Input
Calendar
new
Checkbox
Fieldset
new
FileInput
Filter
new
FormControl
new
Input
new
Label
new
Radio
Range
Rating
Select
Textarea
Toggle
Validator
new
Layout
Divider
Drawer
Flex
Footer
Hero
Indicator
Join (group items)
Mask
Stack
Mockup
MockupBrowser
MockupCode
MockupPhone
MockupWindow