Use daisyUI from CDN
How to use daisyUI from a CDN?
You don't need to install anything. Just add one of these to thehead tag of your HTML: <link href="https://cdn.jsdelivr.net/npm/daisyui@5.0.0-beta.8/daisyui.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> 34kB compressed
Adding all themes
daisyui.css includes light and dark themes. For other themes, add themes.css file as well:
<link href="https://cdn.jsdelivr.net/npm/daisyui@5.0.0-beta.8/themes.css" rel="stylesheet" type="text/css" /><link href="https://cdn.jsdelivr.net/combine/npm/daisyui@beta/base/properties.css,npm/daisyui@beta/base/reset.css,npm/daisyui@beta/base/rootcolor.css,npm/daisyui@beta/base/rootscrollgutter.css,npm/daisyui@beta/base/rootscrolllock.css,npm/daisyui@beta/base/scrollbar.css,npm/daisyui@beta/base/svg.css,npm/daisyui@beta/components/button.css,npm/daisyui@beta/components/checkbox.css,npm/daisyui@beta/components/input.css,npm/daisyui@beta/components/menu.css,npm/daisyui@beta/components/select.css,npm/daisyui@beta/components/toggle.css,npm/daisyui@beta/theme/light.css" rel="stylesheet" type="text/css" />
9.6kB • 71.8% smaller than daisyui.css
Choose parts
Combined and compress into one CSS file, hosted on the fastest CDN
Base styles
Components and modifiers
Utility classes
Color utitliy classes
Themes
Do you have a question? Ask on GitHub or Discord server
Do you see a bug? open an issue on GitHub
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
