DaisyUI 5 in WordPress

With latest Winden release you can have DaisyUI and TailwindCSS in WordPress with one line of code.

DaisyUI Installation

/* Load DaisyUI as a plugin */
@plugin "https://esm.run/daisyui@5";

In the style tab add this line of code after calling TailwindCSS.

DaisyUI Autocomplete values

Once DaisyUI is added to the style tab you will get also DaisyUI classes in autocomplete.

Autocomplete with DaisyUI works in all our builders integrations (Gutenberg and Gutenberg add ons, Bricks, Oxygen)

DaisyUI Configuration

Instead from official docs where they install DaisyUI via NPM and call the plugin like this:

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
  root: ":root";
  include: ;
  exclude: ;
  prefix: ;
  logs: true;
}

Replace “daisyui” with cdn from esm “https://esm.run/daisyui@5”

@plugin "https://esm.run/daisyui@5" {
  themes: light --default, dark --prefersdark;
  root: ":root";
  include: ;
  exclude: ;
  prefix: ;
  logs: true;
}