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).