Skip to content
Dulak logoDulak

react-tailwind

Branch: template/react-tailwind — the default React client plus the Tailwind CSS v4 pipeline.

  • src/client/tailwind.css — input file: @import "tailwindcss", dark mode mapped to [data-theme="dark"], existing CSS variables bridged to theme tokens (@theme inline).
  • buildClientAssets() runs @tailwindcss/cli before Bun.build — no PostCSS needed.
  • app.tsx imports .tailwind.css before styles.css so custom CSS wins the cascade.
  • bun run dev:css watches the Tailwind input.

Existing components keep working — custom CSS is unlayered and wins over Tailwind utilities, so Tailwind classes are purely additive.

Terminal window
bunx create-dulak my-app --template react-tailwind