[bug]: No Tailwind CSS configuration found at [config is there]

[ohabash]

Describe the bug

Though this has been brought up before and people have found solutions. none of them worked for me.

I have a new nextjs project with tailwind installed and working.

1. apps/next-admin/tailwind.config.js
2. apps/next-admin/src/app/index.css (@tailwind ... directives)
3. I have also tried moveing index css apps/next-admin/index.css

I have seen this. but moving or modifying the index.css does not work
#5216

Affected component/components

shadcn init

Reproduce

1. cd apps/next-admin
2. npx shadcn@latest init
3. see output in screenshot

the path in the error literally has my tailwind.config.js

Logs

![Image](https://github.com/user-attachments/assets/bbe2f813-a317-4c45-8bce-497deea116ba)

System Info

"next": "~15.2.4",
  "react": "19.0.0",
  "react-dom": "19.0.0"
  "tailwindcss": "3.4.3",
  "postcss": "8.4.38",

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[shivy02]

@ohabash Have you tried adding @config '../../tailwind.config.js'; at the top of your index.css? Make sure the path is correct according to your project structure.

[ohabash]

I added it but no change in the output for npx shadcn@latest init

No Tailwind CSS configuration found at apps/next-admin

Funny because that is exactly where my config is.

apps/next-admin/tailwind.config.js

[shivy02]

I had the same issue. I fixed it by adding the following in each of these files.

tailwind.config.js
module.exports = { content: [ "./src/app/**/*.{js,ts,jsx,tsx}", ] }

postcss.config.mjs

const config = {
  plugins: ["@tailwindcss/postcss"],
};

export default config;

index.css

@import "tailwindcss";
@config '../../tailwind.config.js';

Do you have a similar configuration?

[aumirza]

Having same issue with Vite react app running on Nx Mono repo.

@import 'tailwindcss'; @config "app/tailwind.config.js";

Tried this too, but didn't seem to be working.

[aumirza]

Having same issue with Vite react app running on Nx Mono repo.

@import 'tailwindcss'; @config "app/tailwind.config.js";

Tried this too, but didn't seem to be working.

Update -
It worked for me by temporarily installing tailwindcss inside apps/frontend to make it work, then removing it and running pnpm install in the root so it uses the root tailwindcss.
This trick helped me with NX Mono repo . I think it’s a temporary workaround.

[0xborisgregor]

I have the same issue with my next.js project.

I installed tailwindcss v4 following the guide from Install Tailwind CSS with Next.js

At the beginning I put global.css inside public/styles folder and npx shadcn@latest init complains error No Tailwind CSS configuration found at XXX.

I moved global.css to the root directory of my project and it just work out

[TCLJOHANT]

tocó seguir usando postcss ya que tampoco me dió con la opcion de tailwind vite

[fooleryang]

Add the following to the header of app.css:
@tailwind base;
@tailwind components;
@tailwind utilities;

Run it again：

pnpm dlx shadcn@latest init

[barremian]

In my case I was using Tailwindcss v3, so I had to run pnpm dlx shadcn@2.3.0 init.