Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>TwindCSSNew to Visual Studio Code? Get it now.
TwindCSS

TwindCSS

Preview

dangerus

|
277 installs
| (0) | Free
Speed up your CSS styling by instantly converting Tailwind classes into CSS code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TwindCSS

Tailwind to CSS

Install via the Visual Studio Code Marketplace →

Features

  • Converts inline Tailwind CSS classes to CSS properties.
  • Conversion of multiple Tailwind CSS classes to CSS blocks.
  • Snippets to complete Tailwind classes.

Convert cursor position line

Convert multiple CSS blocks

Usage

Convert to CSS

  • Select the text containing Tailwind CSS shorthand notation in your code editor.
  • Open the Command Palette by pressing Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac).
  • Type "[TwindCSS] Convert Tailwind ➔ CSS".
  • Press Enter.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft