Versatile
Web Works
Home
Utilities
Blog
Write For Us
Contact
Support
Sign In
Home
Utilities
Blog
Write For Us
Contact
Support
Sign In
Back to Utilities
CSS / SQL Beautifier
Format and minify CSS stylesheets and SQL queries with dialect support.
Format & validate
Loading...
Advertisement
728 × 90
CSS Settings
CSS
SQL
Indent
2
4
Reset
Clear
CSS Input
/* Sample CSS */ .card { display: flex; flex-direction: column; padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; } .card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } .button { padding: 0.5rem 1rem; font-weight: 600; border-radius: 0.375rem; background-color: #3b82f6; color: white; } .button:disabled { opacity: 0.5; cursor: not-allowed; } @media (min-width: 768px) { .card { flex-direction: row; } }
Formatted Output
Beautify
Minify
