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 | 28 installs, 7 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.