Back to Plugins
Tailwind boilerplate
Converts saved text and color styles into a format ready for use with Tailwindcss.
tailwind generatortailwindcssgeneratorboilerplatetailwindcss generator
Plugin Preview
About this plugin
Features:
- responsive font output if using mobile/desktop in the name of the font. EX: heading-1-desktop + heading-1-mobile. This will also work across folders
- grabs all available font style values such as size, weight, line height, letter spacing, casing, and family.
- output available in rem and px
- easy copy paste contents directly into your tailwind.config.js and typography css file
- customizable breakpoints (defaults to small screen size. See https://tailwindcss.com/docs/responsive-design)
- outputs all saved color styles
Plugin Details
| Version | 13 |
|---|---|
| Created | October 27, 2022 |
| Last Updated | December 12, 2023 |
| Category | Software development |
| Creator | Cody Crandall |
| Stats | 41 installs, 25 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:dev
- Allowed Domains:
- none
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.