Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>To Tailwind CSSNew to Visual Studio Code? Get it now.
To Tailwind CSS

To Tailwind CSS

simonhe

|
2,534 installs
| (1) | Free
| Sponsor
VS Code extension to quickly convert CSS or inline styles to Tailwind CSS utility classes. Boost productivity by transforming styles to Tailwind in one click.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

to tailwindcss

English | 简体中文

VS Code extension → transform CSS to TailwindCSS

Feature

  • if your project not found tailwind.config.ts or tailwind.config.js, the extension will not be activated.

  • How to support CSS in the design draft directly through the shortcut key Mac? Use after copying cmd+alt+x / ctrl+alt+x is automatically converted to TailwindCSS, and will be automatically processed into in-line TailwindCSS format or class form according to your location.

:coffee:

buy me a cup of coffee

License

MIT

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