tailwindcss-intellisense
Intelligent Tailwind CSS tooling for Visual Studio Code
by tailwindlabsTypeScript
![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4&s=144)
Commit activity
Last 12 weeks · 11 commits
Community health
2 of 6 standards met
50
✓README○License✓Contributing○Code of Conduct○Issue Template○PR Template
Recent PRs & issues
Active · Last activity 2w ago
See all on GitHub →
Versions Nvim: NVIM v0.12.0-dev-1146+g0bafbe872b-dirty Build type: RelWithDebInfo LuaJIT 2.1.1753364724 Tailwind-LSP* installed version 0.16.0 Tailwind-CSS version: 4.3.3 Package Manager Lazy OS Distro: Arch WM: Hyprland 0.56.2 Tailwind CSS Stylesheet (v4) or config file (v3) Reproduction URL Any newly made next js app. Describe your issue** Issue: When opened any file in next js i get the "error" descibed below, when i remove it from mason it fixes itself.
What version of VS Code are you using? 1.133.0 What version of Tailwind CSS IntelliSense are you using? 0.16.0 What version of Tailwind CSS are you using? 4.3.3 What package manager are you using? npm What operating system are you using? Windows Tailwind CSS Stylesheet (v4) or config file (v3) VS Code settings Reproduction STEPS 1. Create a project using Tailwind CSS. 2. Install and enable the Tailwind CSS IntelliSense VS Code extension. 3. Open a JSX/TSX file. 4. Add a attribute. 5. Start typing a Tailwind class, for example: 6. Notice that no Tailwind suggestions appear. 7. Type : 8. Notice that the Tailwind suggestions immediately appear. Describe your issue** Tailwind CSS IntelliSense autocomplete suggestions are not triggered when I start typing a Tailwind class. For example, when I type: I expect Tailwind CSS IntelliSense to immediately show relevant suggestions such as: However, no suggestions appear. The suggestions only start appearing after I type the character: At that point, IntelliSense starts working normally and displays the available classes. The same behavior occurs with other Tailwind utilities where the character is part of the class name. The autocomplete should ideally trigger as soon as I start typing the class prefix, rather than requiring me to type first.
What version of VS Code are you using? I use Sublime Text. What version of Tailwind CSS IntelliSense are you using? For example: v0.16.0 What package manager are you using? For example: npm What operating system are you using? For example: Ubuntu 26.04 Tailwind CSS Stylesheet (v4) or config file (v3) Describe your issue There are console logs in tailwindcss intellisense that don't follow JSON RPC, like this one -> https://github.com/search?q=repo%3Atailwindlabs%2Ftailwindcss-intellisense%20listening%20for%20messages&type=code These log can crash LSP clients that read JSONRPC data over stdin and cause issues like this https://github.com/sublimelsp/LSP-tailwindcss/issues/119 I would suggest removing these logs OR adjusting them to follow JSONRPC. These are places that needs to be re-check as well: https://github.com/search?q=repo%3Atailwindlabs%2Ftailwindcss-intellisense+console.&type=code
Recent fixes
What happened reports: The class can be written as but the two classes resolve to very different colors — one is a near-black at 60% alpha, the other a light gray at 60% alpha. Setup VS Code Tailwind CSS IntelliSense v0.16.0, Tailwind CSS v4 React Native project (Uniwind); the CSS entry imports the stylesheet shipped by , which defines: Expected No suggestion. is at 60% alpha, while is at 60% alpha — the shape matches, but the base colors are different. Actual The diagnostic suggests replacing one with the other. It looks like the equivalence check matches the structure produced by the opacity modifier without verifying that `var(--color-foreground)var(--default)"tailwindCSS.lint.suggestCanonicalClasses": "ignore"`
What version of VS Code are you using? For example: v1.78.2 What version of Tailwind CSS IntelliSense are you using? For example: v0.7.0 What version of Tailwind CSS are you using? For example: v2.0.4 What package manager are you using? For example: npm, yarn What operating system are you using? For example: macOS, Windows Tailwind CSS Stylesheet (v4) or config file (v3) VS Code settings Reproduction URL A public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a _minimal_ reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways. Describe your issue** Describe the problem you're seeing, any important steps to reproduce and what behavior you expect instead
Structured data for AI agents
Repository: tailwindlabs/tailwindcss-intellisense. Description: Intelligent Tailwind CSS tooling for Visual Studio Code Stars: 3467, Forks: 259. Primary language: TypeScript. Languages: TypeScript (84.4%), JavaScript (15.6%). Topics: css, intellisense, tailwind, tailwindcss, vscode, vscode-extension. Latest release: v0.16.0 (1mo ago). Open PRs: 22, open issues: 36. Last activity: 2w ago. Community health: 50%. Top contributors: bradlc, thecrypticace, dependabot[bot], RobinMalfait, philipp-spiess, remcohaszing, ledenis, reinink, DanSnow, flostellbrink and others.