Tailwild - Convert & visualize tailwind classes properties. tailwind css colors, tailwind gradient generator, tailwind col-span tools.
Toggle dark/light theme
Hide/Show Description
⊖
Tailwild
The wild ways of using Tailwind CSS
font
layout
position
grid
image
colors
favorites
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 Colors
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