Found the issue you can read about it right here:
#8290
Daniel
Webstorm TailwindCSS v4 autocomplete not working - Jetbrains Idea, Webstorm - Language Server 14.2
bug: tailwind autocomplete not working with webstorm
Webstorm 2022.1 TailwindCSS 3.0.24 autocomplete does not work for utilities like top, left, bottom, right ....
autocomplete - TailwindCSS autocompletion in PhpStorm not working - Stack Overflow
Videos
Anyone else experiencing an issue with the most recent webstorm update where tailwind autocomplete suggestions don’t work? They used to work in previous versions but I believe this update changed something relating to tailwind and with the introduction of tailwind v4 I’m unsure if I need to update some configs or migrate my project to v4 for the autocomplete to work fine.
I solved by downloading the tailwindcss library.
Just had this issue with a new Vue project, solved it by going to:
Settings -> Languages & Frameworks -> Style Sheets -> Tailwind CSS
And adding the following to the "includeLanguages" section:
"scss": "scss",
"html": "html",
"javascript": "javascript",
"typescript": "typescript",
"css": "css",
"vue": "vue",
"sass": "sass",
"twig": "twig"
Seems like it doesnt include all files and languages by default.
Well, I'm using PhpStorm (Same as WebStorm but with php support) and works fine for svelte. The plugin works, but I can't have the CSS autocomplete in .svelte files. What I did was create a new project and use svelte-add tailwind to set it up. It works, I can use the classes and css is loading correct, but I kinda miss the autocomplete and preview of the classes while developing since I'm not expert in tailwind yet... Anyone?
Thank you! Sorry if this is the wrong place to ask.
Are you using "jit" mode? With it, code completion list is very limited, most of applicable CSS classes are not suggested. This will be fixed in the scope of WEB-50318, please follow it for updates.
Note also that, when using latest tailwindcss versions, the completion includes unrelated CSS classes from some *.test.css files. This will be fixed with the next tailwindcss package update, see https://github.com/tailwindlabs/tailwindcss/issues/4393. Workaround: delete node_modules/tailwindcss/jit/tests/ folder, it's not needed.
Ran into this problem with WebStorm and the previous answer diddnt solve my issue. However, I was able to solve it by instead of using mode: 'jit' in my tailwind config, by adding the --jit compiler option. Restart WebStorm afterwards.
I've done everything in the install instructions on the Webstorm site. I have the plugin installed and active but I get no auto complete and I'll use a class but it makes no changes to my page. Am I perhaps just not understanding something? I've looked through the documentation and haven't found anything helpful.
Don't know where else to ask this is driving me nuts.
Any ideas would be appreciated.