DaisyUI is a component library for Tailwind CSS.
To use the library from within F# we will use Feliz.DaisyUI (Github).

  1. Follow the instructions for how to add Tailwind CSS to your project

  2. Add daisyUI JS dependencies using NPM: npm i -D daisyui@latest

  3. Add Feliz.DaisyUI .NET dependency...

    • via Paket: dotnet paket add Feliz.DaisyUI
    • via NuGet: dotnet add package Feliz.DaisyUI
  4. Update the tailwind.config.js file's module.exports.plugins array; add require("daisyui")

    module.exports = {
        content: [
        theme: {
            extend: {},
        plugins: [
  5. Open the daisyUI namespace wherever you want to use it.

    open Feliz.DaisyUI

  6. Congratulations, now you can use daisyUI components!
    Documentation can be found at https://dzoukr.github.io/Feliz.DaisyUI/