Sign In
Toggle dark/light theme
ja
Tailwind CSS Generate Font Classes
Reset
Tailwind Font Family
Sans
Serif
Mono
font-sans
Click to copy
Reset
Tailwind Font Size
Font size
px
Select helper value
Switch to rem
text-lg
Click to copy
1.125rem
Click to copy
18px
Click to copy
Reset
Tailwind Font Weight
Font weight
Select helper value
font-normal
Click to copy
400
Click to copy
Reset
Tailwind Letter Spacing
Letter spacing
em
Select helper value
tracking-wide
Click to copy
0.025
Click to copy
Reset
Tailwind Text Decoration
No underline
Underline
Overline
Line through
no-underline
Click to copy
Reset
Tailwind Decoration Style
Solid
Double
Dotted
Dashed
Wavy
Select helper value
decoration-solid
Click to copy
decoration-auto
Click to copy
Reset
Tailwind Color Picker
Color picker
add to favorites
☆
100%
Select helper value
Click to copy
#ec4899
Click to copy
pin to the bottom of the screen
Pin to bottom
Add to favorites
☆
text-text-slate-200
Click to copy
ⓘ
Example of your settings