Daisy
UI Kit
đź
Search...
â
K
v5
v5 (current)
v3
system
light
dark
bumblebee
emerald
corporate
lofi
pastel
fantasy
wireframe
cmyk
winter
acid
silk
autumn
nord
garden
cupcake
lemonade
caramellatte
valentine
retro
cyberpunk
synthwave
dracula
halloween
forest
aqua
black
luxury
business
night
coffee
dim
sunset
abyss
Bundle Size & Optimization
How Much Does a DaisyUI Kit Component Weigh?
Tailwind & DaisyUI: How CSS Is Generated
Example: The Component
Advantages of Component vs Manual Usage
Full Component Bundle Size (Text.vue, Worst Case)
Framework-Specific Optimization
Nuxt: Effortless Efficiency
Other Frameworks (e.g., Astro, Vite, etc.)
Tips for Optimizing Bundle Size
Summary
Prev
Components
Next
Using Link Components
to top
Daisy
UI Kit
đź
Install
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