Install daisyUI for Elixir Phoenix

How to install Tailwind CSS and daisyUI in a Elixir Phoenix project

Elixir Phoenix 1.8.0-rc.0 and later comes with Tailwind CSS 4 and daisyUI 5 out of the box!

1. Create a new Phoenix project

Install Elixir according to the official Elixir documentation

Create a new Phoenix project in the current directory.

mix phx.new ./ --no-ecto

Here we are using the --no-ecto flag to skip the database setup, just for demonstration purposes.

2. Run your project

Run your Phoenix project

mix phx.server

Now you can use daisyUI class names!