Install daisyUI for React Router

How to install daisyUI in a React Router project

1. Create a new React Router project

Create a new React Router project in the current directory

Terminal
npm create react-router@latest ./

2. Install daisyUI

Terminal
npm install daisyui@latest

3. Add daisyUI

Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)

app/app.css
@import "tailwindcss";
@plugin "daisyui";

Now you can use daisyUI class names!

Do you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
daisyUI store

NEXUS
Official daisyUI Dashboard Template

Available on daisyUI store

More details