Back to Plugins
tailwindcss inspector
Generate tailwindcss code based on your config file
Plugin Preview
About this plugin
This plugin generates class names based on your tailwind.config.js file. For example:If you've defined "brand": "var(--emphasis-brand)" in theme.extend.colors, when a button's background color uses the --emphasis-brand variable, the plugin will automatically generate the bg-brand class for you.
Plugin Details
| Version | 1 |
|---|---|
| Created | June 23, 2025 |
| Last Updated | June 23, 2025 |
| Category | Software development |
| Creator | Hal Lee |
| Stats | 31 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:dev
- Allowed Domains:
- none
- Codegen Languages:
- tailwindcss(css)
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code