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
}
Visual Studio Marketplace
marketplace.visualstudio.com › items
Tailwind CSS IntelliSense - Visual Studio Marketplace
Visual Studio Code>Linters>Tailwind CSS IntelliSenseNew to Visual Studio Code?
Tailwind CSS
tailwindcss.com › docs › editor-setup
Editor setup - Getting started - Tailwind CSS
The official Tailwind CSS IntelliSense extension for Visual Studio Code enhances the Tailwind development experience by providing users with advanced features such as autocomplete, syntax highlighting, and linting.
visual studio code - Tailwind CSS IntelliSense plugin just isn't working on my VSCode - Stack Overflow
For me, I added the syler.sass-indented extension, and then Tailwind IntelliSense started working for me. ... On my side reopening project helped. ... Anyone stumbling over the same issue of tailwind completion not happening in .erb files, see Tailwind CSS autocomplete in VSCode with Ruby on Rails. More on stackoverflow.com
When using Tailwind CSS IntelliSense in VS Code making it very slow to provide autocomplete suggestions
When using Tailwind CSS IntelliSense in VS Code making it very slow to provide autocomplete suggestions#1053 More on github.com
2
September 18, 2024Tailwind CSS IntelliSense not working with v4
its not perfect yet but its working for me on vscode. More on reddit.com
7
5
March 7, 2025Tailwind CSS IntelliSense is not working with V4
It's probably not a great idea but adding an empty tailwind.config.js fixed it for me. I also added it to gitignore. More on reddit.com
20
11
February 20, 2025Videos
03:03
Tailwind CSS IntelliSense V4 not Working With React 2025 New Fixed ...
01:12
VSCode Tailwind Autocomplete Not Working? Here is How to Fix - YouTube
13:35
Tailwind CSS IntelliSense V4.1 | Auto Suggestion Fixed | Installation ...
06:44
How to set up Angular & Tailwind CSS 4 in VS Code with Intellisense ...
Reddit
reddit.com › r/tailwindcss › vscode intellisense not working with v4
r/tailwindcss on Reddit: vsCode Intellisense Not Working with V4
December 4, 2024 -
First post here -
I installed v4 and now my intellisense is not working.
I saw somewhere that maybe I have to point this to my globals.css file (nextjs 15)?
Top answer 1 of 2
4
It took me a bit to figure this out. The configuration for the VS Code TailwindCSS intellisense plugin for v4 is near the bottom of this page https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
2 of 2
1
Read the docs on GitHub. It was really easy for me to setup today. You need to install prettier and prettier-plugin-tailwindcss. And then create a .prettierrc file with this content: { "printWidth": 120, "plugins": ["prettier-plugin-tailwindcss"], "tailwindStylesheet": "./src/app/globals.css", "tailwindConfig": "./tailwind.config.ts", "tailwindFunctions": ["clsx", "cn", "tw"], "tailwindPreserveWhitespace": true, "tailwindPreserveDuplicates": false }
Top answer 1 of 16
197
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
}
2 of 16
120
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
YouTube
youtube.com › watch
Fix Tailwind CSS Intellisense in VS Code (CDN Users) - YouTube
Tailwind CSS Intellisense not working in VS Code when using the CDN? In 2 minutes, I'll show you how to fix it.🚀 Resources Mentioned:🔗 Tailwind CDN Install...
Published March 12, 2025
DEV Community
dev.to › mrpaulishaili › vscode-intellisense-broken-in-tailwind-css-v4-heres-the-solution-4d5
VSCode IntelliSense Broken in Tailwind CSS v4? Here’s the Solution - DEV Community
March 20, 2025 - Enable Quick Suggestions for Strings: Sometimes, VSCode may not trigger suggestions inside JSX or TSX files. To remedy this, update your settings to enable quick suggestions for strings: ... . This will ensure that when you type class names within your markup, the IntelliSense popup will appear as expected. Validate Your Project Structure: Ensure that your Tailwind CSS files are consistently located.
GitHub
github.com › tailwindlabs › tailwindcss-intellisense › issues › 1053
When using Tailwind CSS IntelliSense in VS Code making it very slow to provide autocomplete suggestions · Issue #1053 · tailwindlabs/tailwindcss-intellisense
September 18, 2024 - When using Tailwind CSS IntelliSense in VS Code making it very slow to provide autocomplete suggestions#1053
Author giorgitchanturidze
Tailwind CSS
v1.tailwindcss.com › docs › intellisense
IntelliSense - Tailwind CSS
Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.
JavaScript in Plain English
javascript.plainenglish.io › how-to-fix-tailwind-css-intellisense-in-visual-studio-code-3dede794df21
How to Fix Tailwind CSS IntelliSense in Visual Studio Code | JavaScript in Plain English
July 17, 2024 - TailwindCSS IntelliSense not working in VSCode? Follow the step-by-step guideline to fix the issue by adding a couple of lines in your VSCode settings file.
YouTube
youtube.com › watch
How to install Tailwind CSS V4 | Fix Tailwind CSS Intellisense Autocomplete in VScode - YouTube
Learn how to install Tailwind CSS V4 in Vite React project and how to fix Tailwind Intellisense autocomplete issue in VSCode with this step-by-step guide.#r...
Published March 1, 2025
GitHub
github.com › tailwindlabs › tailwindcss › discussions › 15995
Tailwind CSS IntelliSense for VS Code NOT WORKING · tailwindlabs/tailwindcss · Discussion #15995
FIXED. I didn't do that but added the tailwind plugin.
Author tailwindlabs
Reddit
reddit.com › r/tailwindcss › tailwind css intellisense not working with v4
r/tailwindcss on Reddit: Tailwind CSS IntelliSense not working with v4
March 7, 2025 -
For older versions IntelliSense is working but for v4 it is not. It there any alternative?
Top answer 1 of 5
2
its not perfect yet but its working for me on vscode.
2 of 5
1
What worked for me was to create a separated tw.css file and import it as you usually do in your frameworks of choice. I use Angular so I added it to the angular.json file. Filename is not important, but it has to be .css to work as the new version does not play well with .scss and such. After this simple change Intellisense started working as usual for me. Hope it helps.
Tailwind CSS
v3.tailwindcss.com › docs › editor-setup
Editor Setup - Tailwind CSS
The official Tailwind CSS IntelliSense extension for Visual Studio Code enhances the Tailwind development experience by providing users with advanced features such as autocomplete, syntax highlighting, and linting.
Reddit
reddit.com › r/tailwindcss › tailwind css intellisense is not working with v4
r/tailwindcss on Reddit: Tailwind CSS IntelliSense is not working with V4
February 20, 2025 -
I am using Windsurf as code editor.
Francisco Moretti
franciscomoretti.com › blog › tailwind-css-intellisense-vs-code-extension-a-web-developers-best-friend
Boost Productivity with Tailwind CSS VS Code Extension
May 14, 2023 - Improve your web development coding experience with the Tailwind CSS IntelliSense VS Code extension. Autocomplete, hover preview, and more.
GeeksforGeeks
geeksforgeeks.org › reactjs › how-to-fix-tailwind-css-intellisense-not-providing-suggestions-in-reactjs-project
How to Fix Tailwind CSS IntelliSense not Providing Suggestions in ReactJS Project ? - GeeksforGeeks
July 23, 2025 - Tailwind CSS IntelliSense is an extension specifically designed to enhance the development experience when working with Tailwind CSS. Developers should receive real-time suggestions and completions for class names, making the process of building ...
Tailwind CSS for Nuxt
tailwindcss.nuxtjs.org › tailwindcss › editor-support
Editor Support - Tailwind CSS module for Nuxt
Add the following configuration to your .vscode/settings.json file, so that Tailwind directives have proper autocomplete, syntax highlighting, and linting: ... If you use pnpm, ensure that tailwindcss is installed in your top-level node_modules folder. When using strings of Tailwind classes, you can enable IntelliSense suggestions using the editorSupport.autocompleteUtil option.
Htmgo
htmgo.dev › docs › misc › tailwind-intellisense
Docs - Tailwind Intellisense
These changes are additive, add these options to your existing Tailwind LSP configuration, instead of replacing the entire file. For VSCode, you should be able to update your settings.json with the following values:
GitHub
github.com › tailwindlabs › tailwindcss › discussions › 6705
[IntelliSense] How can I turn on Tailwind-Intellisense sugesstions for VSCode in rust (*.rs) files? · tailwindlabs/tailwindcss · Discussion #6705
Also, I turned off all my extensions and left only tailwindcss-intellisense on. Still no luck! Beta Was this translation helpful? Give feedback. ... There was an error while loading. Please reload this page. Something went wrong. There was an error while loading. Please reload this page. ... There was an error while loading. Please reload this page. ... Something went wrong. There was an error while loading. Please reload this page. ... I have checked VSCode version and tailwind extension, and they are all updated to the latest versions.
Author tailwindlabs