Issue: Tailwind CSS IntelliSense Not Working in VS Code (v4)

If you're using Tailwind CSS v4 and noticing that IntelliSense isn't suggesting class names properly, the issue might be related to the "tailwindCSS.experimental.configFile" setting in VS Code's settings.json.

Solution The simplest and correct fix is to remove the following line from your settings.json:

"tailwindCSS.experimental.configFile": "./tailwind.config.js"

Why does this fix work?

In older versions of Tailwind CSS, this setting was used to manually specify the config file for IntelliSense. However, with Tailwind CSS v4, VS Code's Tailwind extension automatically detects the config file, making this setting unnecessary. Keeping it might cause IntelliSense to work incorrectly or incompletely.

Steps to Fix:

1.Open VS Code.

2.Press Ctrl + Shift + P → Search for "Preferences: Open Settings (JSON)".

3.Find and remove the following line: "tailwindCSS.experimental.configFile": "./tailwind.config.js"

4.Restart VS Code.