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 | 25 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.