Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>css-tailwindNew to Visual Studio Code? Get it now.
css-tailwind

css-tailwind

xin-css-tailwind

|
1,804 installs
| (0) | Free
convert css to tailwind and convert taikwindcss to css
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css-tailwind README

This is css - tailwind tool.

Features

[x] CSS -> Tailwind keybindings: ctrl(cmd)+shift+] [] Tailwind -> CSS keybindings: ctrl(cmd)+shift+[

Requirements

Transfer css class to tailwind apply

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

  • myExtension.enable: Enable/disable this extension.
  • myExtension.thing: Set to blah to do something.

TODO

[] Support tailwind custom config. [] Support single word. [] Support tailwind to css. [] Support convert whole file.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release

Following extension guidelines

  1. select your css class word; like div { display: flex };
  2. You can use cmd+shift+p, and enter css-tailwind:convert to convert the selection. or you can use keybindings.

Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

  • Transfer css to tailwind (Shift+Cmd+] on macOS or Shift+Ctrl+] on Windows and Linux).
  • Transfer tailwind to css (Shift+Cmd+[ on macOS or Shift+Ctrl+[ on Windows and Linux).
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft