How do I install daisyui?

Run these in Claude Code: /plugin marketplace add saadeghi/daisyui then /plugin install daisyui@daisyui. Then prompt normally.

Does daisyui auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Development

Plugin

daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

FLOW.md

saadeghi@saadeghi

GitHub

Plugin Signal75/100Solid

maintained100

capable37

documented73

adopted98

Install on Claude Code

> /plugin marketplace add saadeghi/daisyui
> /plugin install daisyui@daisyui

Stats

JavaScript Tailwind HTML CSS GitHub

42,019

Stars

1,673

Forks

Active

Maintenance

JavaScript

Language

MIT

License

3h ago

Last commit

5y ago

Created

Repo: saadeghi/daisyui

In this plugin

5 skills

See everything inside

What's inside

Skills

/daisyuiOfficial daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill./colorsMANDATORY color usage rules for daisyUI 5 /configConfiguration options for daisyUI 5 /installInstallation notes for daisyUI 5 /usageMANDATORY usage rules for daisyUI 5

README

Read on GitHub

The most popular, free and open-source component library for Tailwind CSS

daisyUI 5

🤝 Contribute →

Sponsors and backers

Contributors

༼ つ ◕_◕ ༽つ Please share

File tree

1017

saadeghi/daisyuiView on GitHub

.agents/
  plugins/
    marketplace.json
  skills/
    find-bugs/
      references/
        bug-plan.md
        daisyui.md
        docs.md
      SKILL.md
    pr-review/
      references/
        report.md
      SKILL.md
.claude-plugin/
  marketplace.json
  plugin.json
.codex-plugin/
  plugin.json
.cursor-plugin/
  marketplace.json
  plugin.json
.github/
  CONTRIBUTING.md
  FUNDING.yml
  instructions/
    code_generation_with_git.instructions.md
    code_generation.instructions.md
    communication.instructions.md
    packages.daisyui.instructions.md
    packages.docs.instructions.md
    workspace.instructions.md
  ISSUE_TEMPLATE/
    bug-report.yml
    config.yml
    documentation-issue.yml
  workflows/
    deploy-docs.yml
    issue-reply.hbs
    issue-reply.yml
    release-new-version.yml
    run-tests.yml
    tailwind-play-pr-preview.yml
    write-release-notes.yml
.gitignore
.grok-plugin/
  marketplace.json
.prettierignore
.prettierrc
CHANGELOG.md
LICENSE
package.json
packages/
  AGENTS.md
  blueprint/
    .claude-plugin/
      plugin.json
    .cursor-plugin/
      plugin.json
    mcp.json
  bundle/
    .gitignore
    daisyui-theme.js
    daisyui-theme.mjs
    daisyui.js
    daisyui.mjs
  daisyui/
    .gitignore
    AGENTS.md
    build.js
    functions/
      addPrefix.js
      addPrefix.test.js
      breakpoints.js
      bundle.js
      cleanCss.js
      cleanCss.test.js
      compileAndExtractStyles.js
      compileAndExtractStyles.test.js
      constants.test.js
      contrast.test.js
      copyFile.js
      copyFile.test.js
      createDirectoryBasedOnFileNames.js
      createDirectoryBasedOnFileNames.test.js
      createPluginFiles.js
      createPluginFiles.test.js
      cssToJs.js
      cssToJs.test.js
      extractClasses.js
      extractClasses.test.js
      filesExist.test.js
      generateChunks.js
      generateChunks.test.js
      generateColorRules.js
      generateColorRules.test.js
      generateImports.js
      generateImports.test.js
      generatePlugins.js
      generatePlugins.test.js
      generateRawStyles.js
      generateRawStyles.test.js
      generateThemeFiles.js
      generateThemeFiles.test.js
      generateThemes.js
      generateThemes.test.js
      generateThemesObject.js
      generateThemesObject.test.js
      getDirectoriesWithTargetFile.js
      getDirectoriesWithTargetFile.test.js
      getFileNames.js
      getFileNames.test.js
      minify.js
      minify.test.js
      nestCssLayers.js
      nestCssLayers.test.js
      packageExports.test.js
      packCss.js
      packCss.test.js
      plugin.js
      plugin.test.js
      pluginOptionsHandler.js
      pluginOptionsHandler.test.js
      removeFiles.js
      removeFiles.test.js
      replaceApplyTrueWithEmptyObject.js
      replaceApplyTrueWithEmptyObject.test.js
      report.js
      report.test.js
      testUtils.js
      themeOrder.d.ts
      themeOrder.js
      themePlugin.js
      themePlugin.test.js
      themes.test.js
      updateVersion.js
      updateVersion.test.js
      validatecss.test.js
      variables.css
      variables.d.ts
      variables.js
    index.js
    LICENSE
    package.json
    README.md
    src/
      base/
        properties.css
        reset.css
        rootcolor.css
        rootscrollgutter.css
        rootscrolllock.css
        scrollbar.css
        svg.css
      components/
        alert.css
        aura.css
        avatar.css
        badge.css
        breadcrumbs.css
        button.css
        calendar.css
        card.css
        carousel.css
        chat.css
        checkbox.css
        collapse.css
        countdown.css
        diff.css
        divider.css
        dock.css
        drawer.css
        dropdown.css
        fab.css
        fieldset.css
        fileinput.css
        filter.css
        footer.css
        hero.css
        hover3d.css
        hovergallery.css
        indicator.css
        input.css
        kbd.css
        label.css
        link.css
        list.css
        loading.css
        mask.css
        megamenu.css
        menu.css
        mockup.css
        modal.css
        navbar.css
        otp.css
        progress.css
        radialprogress.css
        radio.css
        range.css
        rating.css
        select.css
        skeleton.css
        stack.css
        stat.css
        status.css
        steps.css
        swap.css
        tab.css
        table.css
        textarea.css
        textrotate.css
        timeline.css
        toast.css
        toggle.css
        tooltip.css
        validator.css
      themes/
        abyss.css
        acid.css
        aqua.css
        autumn.css
        black.css
        bumblebee.css
        business.css
        caramellatte.css
        cmyk.css
        coffee.css
        corporate.css
        cupcake.css
        cyberpunk.css
        dark.css
        dim.css
        dracula.css
        emerald.css
        fantasy.css
        forest.css
        garden.css
        halloween.css
        lemonade.css
        light.css
        lofi.css
        luxury.css
        night.css
        nord.css
        pastel.css
        retro.css
        silk.css
        sunset.css
        synthwave.css
        valentine.css
        winter.css
        wireframe.css
      utilities/
        glass.css
        join.css
        radius.css
        typography.css
  docs/
    .env
    .gitignore
    AGENTS.md
    package.json
    src/
      app.html
      components/
        AlternativeSidebar.svelte
        BrowserSupport.svelte
        Carbon.svelte
        ChangelogMenu.svelte
        Clipboard.svelte
        ColorPalette.svelte
        ColorPicker.svelte
        ColorSlider.svelte
        CompanyLogos.svelte
        Component.svelte
        ComponentCopyDocsDropdown.svelte
        ComponentFooter.svelte
        ComponentPageTabs.svelte
        DiscountCountdown.svelte
        Footer.svelte
        homepage/
          ComponentsPreview.svelte
          Install.svelte
          Opensource.svelte
        LangChange.svelte
        LogoHorizontal.svelte
        MarketingPageLinks.svelte
        MediaLogos.svelte
        Navbar.svelte
        PrefixEdit.svelte
        Search.svelte
        SEO.svelte
        Sidebar.svelte
        SkillProduct.svelte
        StoreFooter.svelte
        StoreProduct.svelte
        Testimonials.svelte
        ThemeChange.svelte
        themegenerator/
          ColorSpaceSelectorHex.svelte
          ColorSpaceSelectorHsl.svelte
          ColorSpaceSelectorOklch.svelte
          ColorSpaceSelectorRgb.svelte
          ContrastMeter.svelte
          Dock.svelte
          Preview.svelte
          ThemeCSSModal.svelte
          ThemeListItem.svelte
        ThemePreviews.svelte
        TopBanner.svelte
        Translate.svelte
      global.css
      homepage.css
      lib/
        actions.svelte.js
        analytics.svelte.js
        data/
          articles.js
          blogTags.js
          codingTools.js
          courses.js
          marketingPages.js
          navigation.yaml
          stats.js
        discountCountdown.js
        discountCountdown.test.js
        i18n.svelte.js
        mdsvex/
          code-titles.js
          external-links.js
          github-links.js
          heading-links.js
          headingIds.js
          headingIds.test.js
          highlighting/
            grammar-manifest.json
            grammars.json
            index.js
            renderer.js
            textmate-engine.js
            THIRD_PARTY_NOTICES.md
          layout-blog.svelte
          layout-components.svelte
          layout-content.svelte
          layout-contentLanding.svelte
          layout-docs.svelte
          markdown-text.js
          markdown-text.test.js
          mdsvex.config.js
          render-component.js
          syntax-highlighter.js
          syntax-highlighter.test.js
          syntax-theme.json
          transforms.test.js
          translate.js
          visit.js
        mediaQuery.js
        nameGenerator.js
        scripts/
          addTranslations.js
          missingClassnamePrefix.test.js
          pruneTranslations.js
          reportTranslations.js
          translationConfig.js
          translationConfig.test.js
          validateTranslations.js
          verifyBuild.js
          verifyBuild.test.js
        searchCsv.js
        searchCsv.test.js
        server/
          content/
            catalog.js
            catalog.test.js
            comparisonData.js
            comparisonData.test.js
            comparisons.js
            componentIndex.js
            fetchYaml.js
            fetchYaml.test.js
            frameworkData.js
            frameworkData.test.js
            frameworks.js
            routeData.test.js
            skills.js
            store.js
            videoRepository.js
            videos.js
        storeDiscount.js
        storeDiscount.test.js
        stores.js
        themeGeneratorCssParser.js
        themeGeneratorRandomizer.js
        themeGeneratorStorage.js
        themeGeneratorStorage.test.js
        themeGeneratorValidation.js
        themeGeneratorValidation.test.js
        util.js
      routes/
        (redirects)/
... 1069 more

FAQ

daisyui is a Claude Code plugin with 5 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes daisyui, colors, config. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is daisyui?: 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
How do I install daisyui?: Run these in Claude Code: /plugin marketplace add saadeghi/daisyui then /plugin install daisyui@daisyui. Then prompt normally.
Does daisyui auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is daisyui free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

.agents/ plugins/ marketplace.json skills/ find-bugs/ references/ bug-plan.md daisyui.md docs.md SKILL.md pr-review/ references/ report.md SKILL.md .claude-plugin/ marketplace.json plugin.json .codex-plugin/ plugin.json .cursor-plugin/ marketplace.json plugin.json .github/ CONTRIBUTING.md FUNDING.yml instructions/ code_generation_with_git.instructions.md code_generation.instructions.md communication.instructions.md packages.daisyui.instructions.md packages.docs.instructions.md workspace.instructions.md ISSUE_TEMPLATE/ bug-report.yml config.yml documentation-issue.yml workflows/ deploy-docs.yml issue-reply.hbs issue-reply.yml release-new-version.yml run-tests.yml tailwind-play-pr-preview.yml write-release-notes.yml .gitignore .grok-plugin/ marketplace.json .prettierignore .prettierrc CHANGELOG.md LICENSE package.json packages/ AGENTS.md blueprint/ .claude-plugin/ plugin.json .cursor-plugin/ plugin.json mcp.json bundle/ .gitignore daisyui-theme.js daisyui-theme.mjs daisyui.js daisyui.mjs daisyui/ .gitignore AGENTS.md build.js functions/ addPrefix.js addPrefix.test.js breakpoints.js bundle.js cleanCss.js cleanCss.test.js compileAndExtractStyles.js compileAndExtractStyles.test.js constants.test.js contrast.test.js copyFile.js copyFile.test.js createDirectoryBasedOnFileNames.js createDirectoryBasedOnFileNames.test.js createPluginFiles.js createPluginFiles.test.js cssToJs.js cssToJs.test.js extractClasses.js extractClasses.test.js filesExist.test.js generateChunks.js generateChunks.test.js generateColorRules.js generateColorRules.test.js generateImports.js generateImports.test.js generatePlugins.js generatePlugins.test.js generateRawStyles.js generateRawStyles.test.js generateThemeFiles.js generateThemeFiles.test.js generateThemes.js generateThemes.test.js generateThemesObject.js generateThemesObject.test.js getDirectoriesWithTargetFile.js getDirectoriesWithTargetFile.test.js getFileNames.js getFileNames.test.js minify.js minify.test.js nestCssLayers.js nestCssLayers.test.js packageExports.test.js packCss.js packCss.test.js plugin.js plugin.test.js pluginOptionsHandler.js pluginOptionsHandler.test.js removeFiles.js removeFiles.test.js replaceApplyTrueWithEmptyObject.js replaceApplyTrueWithEmptyObject.test.js report.js report.test.js testUtils.js themeOrder.d.ts themeOrder.js themePlugin.js themePlugin.test.js themes.test.js updateVersion.js updateVersion.test.js validatecss.test.js variables.css variables.d.ts variables.js index.js LICENSE package.json README.md src/ base/ properties.css reset.css rootcolor.css rootscrollgutter.css rootscrolllock.css scrollbar.css svg.css components/ alert.css aura.css avatar.css badge.css breadcrumbs.css button.css calendar.css card.css carousel.css chat.css checkbox.css collapse.css countdown.css diff.css divider.css dock.css drawer.css dropdown.css fab.css fieldset.css fileinput.css filter.css footer.css hero.css hover3d.css hovergallery.css indicator.css input.css kbd.css label.css link.css list.css loading.css mask.css megamenu.css menu.css mockup.css modal.css navbar.css otp.css progress.css radialprogress.css radio.css range.css rating.css select.css skeleton.css stack.css stat.css status.css steps.css swap.css tab.css table.css textarea.css textrotate.css timeline.css toast.css toggle.css tooltip.css validator.css themes/ abyss.css acid.css aqua.css autumn.css black.css bumblebee.css business.css caramellatte.css cmyk.css coffee.css corporate.css cupcake.css cyberpunk.css dark.css dim.css dracula.css emerald.css fantasy.css forest.css garden.css halloween.css lemonade.css light.css lofi.css luxury.css night.css nord.css pastel.css retro.css silk.css sunset.css synthwave.css valentine.css winter.css wireframe.css utilities/ glass.css join.css radius.css typography.css docs/ .env .gitignore AGENTS.md package.json src/ app.html components/ AlternativeSidebar.svelte BrowserSupport.svelte Carbon.svelte ChangelogMenu.svelte Clipboard.svelte ColorPalette.svelte ColorPicker.svelte ColorSlider.svelte CompanyLogos.svelte Component.svelte ComponentCopyDocsDropdown.svelte ComponentFooter.svelte ComponentPageTabs.svelte DiscountCountdown.svelte Footer.svelte homepage/ ComponentsPreview.svelte Install.svelte Opensource.svelte LangChange.svelte LogoHorizontal.svelte MarketingPageLinks.svelte MediaLogos.svelte Navbar.svelte PrefixEdit.svelte Search.svelte SEO.svelte Sidebar.svelte SkillProduct.svelte StoreFooter.svelte StoreProduct.svelte Testimonials.svelte ThemeChange.svelte themegenerator/ ColorSpaceSelectorHex.svelte ColorSpaceSelectorHsl.svelte ColorSpaceSelectorOklch.svelte ColorSpaceSelectorRgb.svelte ContrastMeter.svelte Dock.svelte Preview.svelte ThemeCSSModal.svelte ThemeListItem.svelte ThemePreviews.svelte TopBanner.svelte Translate.svelte global.css homepage.css lib/ actions.svelte.js analytics.svelte.js data/ articles.js blogTags.js codingTools.js courses.js marketingPages.js navigation.yaml stats.js discountCountdown.js discountCountdown.test.js i18n.svelte.js mdsvex/ code-titles.js external-links.js github-links.js heading-links.js headingIds.js headingIds.test.js highlighting/ grammar-manifest.json grammars.json index.js renderer.js textmate-engine.js THIRD_PARTY_NOTICES.md layout-blog.svelte layout-components.svelte layout-content.svelte layout-contentLanding.svelte layout-docs.svelte markdown-text.js markdown-text.test.js mdsvex.config.js render-component.js syntax-highlighter.js syntax-highlighter.test.js syntax-theme.json transforms.test.js translate.js visit.js mediaQuery.js nameGenerator.js scripts/ addTranslations.js missingClassnamePrefix.test.js pruneTranslations.js reportTranslations.js translationConfig.js translationConfig.test.js validateTranslations.js verifyBuild.js verifyBuild.test.js searchCsv.js searchCsv.test.js server/ content/ catalog.js catalog.test.js comparisonData.js comparisonData.test.js comparisons.js componentIndex.js fetchYaml.js fetchYaml.test.js frameworkData.js frameworkData.test.js frameworks.js routeData.test.js skills.js store.js videoRepository.js videos.js storeDiscount.js storeDiscount.test.js stores.js themeGeneratorCssParser.js themeGeneratorRandomizer.js themeGeneratorStorage.js themeGeneratorStorage.test.js themeGeneratorValidation.js themeGeneratorValidation.test.js util.js routes/ (redirects)/ ... 1069 more