React Dose
Docs menu

Tailwind CSS

Enable/strip behavior — Vite, Router, and Next kept separate.

Defaults to Yes. Official integrations differ per stack.

React + Vite

Vite SPA

Enabled

  • Deps: tailwindcss, @tailwindcss/vite
  • File: src/app/index.css with @import "tailwindcss"
  • Plugin in vite.config; imported from main.*
csssrc/app/index.css
@import "tailwindcss";

Disabled — those deps removed; CSS cleaned up.

Router

React Router

  • Official scaffold already includes Tailwind — Dose does not copy a separate feature template
  • Opt-out: strip Vite plugin, clear src/app/app.css, remove deps
Next.js

Next.js

  • Comes from create-next-app --tailwind / --no-tailwind
  • Opt-in polish on src/app/globals.css
  • Opt-out removes Tailwind/postcss and empties globals when cleaned
csssrc/app/globals.css
@import "tailwindcss";