Home
chevron_right
Dev Tools
chevron_right
CSS to Tailwind
css
CSS to Tailwind Converter
Convert common CSS properties to Tailwind CSS classes.
CSS Input
display: flex; justify-content: center; align-items: center; padding: 16px; margin-bottom: 8px; background-color: #3b82f6; color: white; border-radius: 12px; font-size: 14px; font-weight: 700; width: 100%; max-width: 640px; gap: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);
Tailwind Classes
content_copy
Copy
—
Unmatched Properties
sync
Convert