Deno/Fresh/Tailwind integration with DaisyUI

[cknight]

I am using the latest version of Deno Fresh (v1.6) which now supports Tailwind proper. I've got this all working with the CDN version of DaisyUI, but am wondering how to integrate DaisyUI as a plugin instead as adding any config to the tailwind.config.ts seems to have no effect.

Any help on better integration between Deno/Fresh and DaisyUI would be most appreciated!

[saadeghi]

Hey.
I haven't tried Deno, but a tailwind.config.ts on an ESM project can be like this:

import daisyui from 'daisyui';

export default {
  content: ['./src/**/*.{js,ts}'],
  plugins: [daisyui],
};

https://stackblitz.com/edit/daisyui-vite-6udkoc?file=tailwind.config.ts

Let me know if you have a question.

[cknight]

Awesome thanks very much! For other Fresh visitors, here's how I got it working. Not super fond of the as any cast, but will see if I can figure out types later.

First add the daisyui to your deno.json import map. E.g.

{
  ...
  "imports": {
    "daisyui": "npm:daisyui@4.4.19",
    ...
  },
  ...
}

Then install the plugin as follows in your tailwind.config.ts:

import { type Config } from "tailwindcss";
import daisyui from "daisyui";

export default {
  content: [
    "{routes,islands,components}/**/*.{ts,tsx}",
  ],
  plugins: [daisyui as any],
  daisyui: { 
    themes: [
      "cupcake",
      "dark",
      "dim",
    ],
  },
} as Config;

[MrPaolinsky]

Update for 2025 and Deno 2 release, it works well.

import { type Config, type PluginCreator } from "tailwindcss";
import daisyui from "daisyui";

export default {
  content: [
    "{routes,islands,components}/**/*.{ts,tsx,js,jsx}",
  ],
  plugins: [daisyui as PluginCreator],
  daisyui: {
      themes: ["cupcake"]
  }
} satisfies Config;

Use deno add daisyui to install the latest version of daisyui

[saadeghi]

Nice!
Is it Tailwind CSS 3 or 4?

[MrPaolinsky]

Im using Fresh the fullstack framework, and the version of tailwind it installs by default it's 3, I'm guessing it should work with 4 as well.

[saadeghi]

Thanks. If you found a guide or a setup to make it work with Tailwind CSS 4 + daisyUI 5 beta let me know so I can add it to https://v5.daisyui.com/docs/install/