Edit your settings.json as below:
{
// other settings
"tailwindCSS.includeLanguages": {
"javascript": "javascript",
"html": "HTML"
},
"editor.quickSuggestions": {
"strings": true
}
}
visual studio code - Tailwind CSS IntelliSense does not provide suggestions in a ReactJS project? - Stack Overflow
visual studio code - Tailwind CSS IntelliSense plugin just isn't working on my VSCode - Stack Overflow
🚀 I just released a free Tailwind CSS plugin for IntelliJ – feedback welcome!
Webstorm TailwindCSS v4 autocomplete not working - Jetbrains Idea, Webstorm - Language Server 14.2
Videos
Edit your settings.json as below:
{
// other settings
"tailwindCSS.includeLanguages": {
"javascript": "javascript",
"html": "HTML"
},
"editor.quickSuggestions": {
"strings": true
}
}
Here's how to get Tailwind Intellisense to work with React files
- Go to Tailwind CSS settings and add Javascript support
"tailwindCSS.includeLanguages": { "plaintext": "javascript" } - Reload vscode
If this doesn't fix things, try using ctrl + space before adding a class name.
View image of Tailwind settings
Its actually a pretty simple fix. open your settings.json file then add this to get the intellisense working on all files
"tailwindCSS.includeLanguages": {
"html": "html",
"javascript": "javascript",
"css": "css"
},
"editor.quickSuggestions": {
"strings": true
}
I'm using tailwindcss in a react app. Tailwindcss Intellisense plugin was not working in my VSCode but then i installed HTML CSS Support extension and now i am getting suggestions of classes.
HTML CSS Support
Hi everyone 👋
I'm working on a plugin called Tailwind CSS Support for the IntelliJ platform (works with WebStorm, PhpStorm, etc.).
The goal is to make the developer experience with Tailwind smoother inside JetBrains IDEs, with features like:
-
Autocomplete for all Tailwind classes (from your config + base classes)
-
Live inspection and quick fixes for invalid classes
-
Hover docs with class descriptions
-
Automatic updates when
tailwind.config.jschanges
The first version is already live on the Marketplace:
👉 Tailwind CSS Support – JetBrains Plugin
I’d love your feedback!
If you try it out and notice bugs, false positives, or anything that feels off, feel free to leave a comment or review.
Your input helps improve the experience for everyone using Tailwind inside IntelliJ.
Thanks so much, I’d love your feedback!
If you try it out and notice bugs, false positives, or anything that feels off, feel free to leave a comment or review.
Your input helps improve the experience for everyone using Tailwind inside IntelliJ.
Thanks so much
Hi:
I've got a Laravel 8, Tailwindcss 2 project in IntelliJ. The project includes a css file, generated by postCSS and sitting in the usual directory (public/css/app.css). URLs viewed in the browser see the CSS file and apply its styles to the rendered output.
However, IntelliJ refuses to use the CSS file for code completion in blade or even plain HTML files.
The problem persists in new projects as well as through .idea file deletes.
Does anybody have any ideas about how I can IntelliJ to recognize the CSS file and use it for code completion? This appears to be stumping Jetbrains own support team at the moment.
Thanks!
Blue
Hi:
Jetbrains came up with a solution. It appears that the Tailwind css file is too big for IntelliJ to parse with default settings, so I had to add a Custom Property to set the maximum intellisense file size.
That's under Help > Edit Custom Properties. Add the following line:
idea.max.intellisense.filesize=10000
It looks like that fixed that problem.
Thanks!
I like trains!
I am using Windsurf as code editor.
To this day I have not found a perfect answer to this. The solution I use is the one that generates the tailwind styles inside a hidden (git ignored) folder. That allows IDEA to pick up on the styles correctly. The only disadvantage is that you have to re-build the styles if you change configuration (which almost never happens besides the very start of the project).
So having the tailwind setup inside assets/css/tailwind.css, I will have a script like this:
"scripts": {
"tailwind": "npx tailwindcss build assets/css/tailwind.css -o .tailwind/tailwind.css"
},
The IDEA will then be able to pick up classes from .tailwind/tailwind.css directory.
I began using the Nuxt UI Starter (npx nuxi init -t ui <my-app>) within IntelliJ IDEA, but encountered issues with language intellisense.
Switching to WebStorm resolved the problem, providing full code completion and Tailwind CSS linting without any additional configuration.