Skip to content
Index730 resources
daisyUI

daisyUI

68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes

Tier S · Best in classComponent LibraryTheme Packdaisyui.com

(Visit daisyui.com ↗)
Preview image from daisyui.com

daisyUI is a Tailwind CSS plugin that collapses long utility strings into semantic class names — btn, card, modal — across 68 components. It ships zero JavaScript and no runtime dependency, so it works in any framework or in plain HTML, and it brings 35 ready-made themes plus a CSS-variable theming system out of the box. It is for people who want Tailwind's flexibility without 200-character class attributes, and it is the most-starred free Tailwind component library at 42k stars.

Install
npm i -D daisyui@latest

For an agent

Reach for daisyUI over shadcn/ui when the stack is not React — Astro, Rails, Django, Laravel, plain HTML — because it is CSS only and needs no component runtime, and when the user wants theme switching for free rather than hand-rolling CSS variables. Its llms.txt is ~79KB of real markdown, so fetch that once and you have the whole API without scraping. The hard limit: daisyUI styles markup but wires nothing — no focus trap, no ARIA state, no keyboard handling on dropdowns or modals — so for anything interactive pair it with Radix, Headless UI, or the native <dialog> element and add the ARIA yourself.

Why it is here. The default answer for Tailwind-without-the-class-soup, and the rare component library whose CSS-only design makes it portable to every backend framework in the index.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source, Sponsor or ad supported
Framework
Vanilla JS, React, Vue, Svelte, Astro, Angular, Next.js, Web Components
Styling
Tailwind CSS v4, Tailwind CSS, CSS custom properties
Distribution
npm package, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
llms.txt, Copy-paste ready code, Structured documentation, Readable open source, CLI installable
Accessibility
Semantic HTML, Known accessibility gaps
Maturity
Actively maintained
GitHub stars
42,085
Package
daisyui

Components it ships

68 total
ButtonDropdown MenuFloating Action ButtonModalToggle ButtonTheme ProviderAccordionAvatarBadgeCardCarouselMessageCollapsibleCountdownDiff ViewKbdListStatStatus IndicatorTableText EffectTimelineBreadcrumbsDockLinkMega MenuNavigation MenuNavbarPaginationProgress StepperTabsAlertSpinnerProgress BarMeterSkeletonToastTooltipCalendarCheckboxFieldsetFile UploadFilter InputLabelRadio ButtonSliderRating InputSelectText InputTextareaSwitchValidation MessageOtp InputSeparatorDrawerSidebarFooterHeroButton GroupAspect RatioStackDevice FrameCode BlockHover EffectImage GalleryGradient Background

Helps you build

23
HomepageFeaturesPricing WebsiteLogin Web AppLogin WebsiteSign UpSettings Web AppAccount Web AppAdmin PanelChat Web AppFeedSearch ResultsFiltering ItemsBlogBlog PostAnalytics404Empty StateFaqContact UsCart WebsiteCheckoutNotifications

Notable for

  • 68 components, zero JavaScript
  • 35 built-in themes
  • 42k GitHub stars, MIT
  • 79KB llms.txt for agents
  • framework-agnostic Tailwind v4 plugin

Provenance

Verified 2026-08-16. HTTP 200. https://daisyui.com/components/, https://daisyui.com/docs/install/, https://daisyui.com/docs/intro/, https://daisyui.com/docs/themes/, https://daisyui.com/llms.txt, https://api.github.com/repos/saadeghi/daisyui, https://registry.npmjs.org/daisyui

Also in Component Libraries

6
daisyui.comTier S