Back to Plugins
Tailwind boilerplate

Tailwind boilerplate

Converts saved text and color styles into a format ready for use with Tailwindcss.

tailwind generatortailwindcssgeneratorboilerplatetailwindcss generator

Plugin Preview

Tailwind boilerplate 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




View source code

Plugin Details

Version13
CreatedOctober 27, 2022
Last UpdatedDecember 12, 2023
CategorySoftware development
CreatorCody Crandall
Stats40 installs, 24 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    dev
  • Allowed Domains:
    • none