Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>[Deprecated] TailwindcssinjsNew to Visual Studio Code? Get it now.
[Deprecated] Tailwindcssinjs

[Deprecated] Tailwindcssinjs

Preview

Arthie

|
3,713 installs
| (3) | Free
Vscode extension for @tailwindcssinjs/macro
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

This extension has been renamed to xwind: https://marketplace.visualstudio.com/items?itemName=Arthie.vscode-xwind

Please install the xwind extension for tailwind 2.X support

tailwindcssinjs

vscode-tailwindcssinjs

Adds editor support for @tailwindcssinjs/macro tagged template syntax: tw`...`

This extension extends vscode's typescript language service with typescript-tailwindcssinjs-plugin. Make sure you're using vscode's typescript version for the extension to work! If you want to have editor support with your projects typescript version or use a different editor check out typescript-tailwindcssinjs-plugin's documentation for install instructions.

It also works with other solutions that use the tw tagged template but issues specific to those might not be solved.

Features

  • Autocomplete for all tailwind classes and variants and tailwindcssinjs custom array syntax
  • CSS preview on hover and completion details
  • Errors for classes that don't exist
  • Automatically finds your projects tailwind.config.js
  • React to changes made in tailwind.config.js
  • No generated CSS file
  • No class mismatch it uses your project's installed version of tailwind
  • Zero config this extension has no configuration

Installation

Go to vscode extensions marketplace

Demo

Autocomplete

autocomplete

CSS hover preview

hover

Errors

error

Reacting to tailwind.config.js changes

react

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft