Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>TwClass AINew to Visual Studio Code? Get it now.
TwClass AI

TwClass AI

Dan22

|
1 install
| (0) | Free
Convert CSS rules into TailwindCSS utility classes using AI (Gemini), with caching and inline explanations on hover.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TwClass AI

TwClass AI converts inline CSS rules (like margin: 20) into TailwindCSS utility classes using AI (Gemini).
It also caches your choices and shows explanations on hover for generated classes.

Features

  • Type class="margin: 20" and get Tailwind suggestions like m-5.
  • Suggestions powered by Gemini (Google Gen AI).
  • Cache results in a local cache.json file.
  • Hover on a Tailwind class to see the original CSS rule and explanation.

Requirements

  • A valid GEMINI_API_KEY in your environment variables (or hardcoded in the extension for testing).
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft