CSS Formatter
Format and indent CSS code for better readability and maintenance.
How to use?
Drop your CSS into the left field and hit Format. The rules get indented and tidied up, so they end up much easier to read.
Related Tools
HTML Formatter
Format and indent HTML code for better readability. Ideal for reviewing and debugging HTML quickly.
XML Formatter
Format and indent XML code for better readability and inspection.
SQL Formatter
Format SQL code for better readability. Supports SELECT, INSERT, UPDATE, DELETE and other commands.
JavaScript Formatter
Format and indent JavaScript code for better readability and debugging.
Cubic Bezier Generator
Create and visualize cubic-bezier curves for CSS animations. Drag control points, preview the animation and copy the value. Includes presets (ease, ease-in, ease-out). Everything in your browser.
prefers-reduced-motion CSS
Builds the @media (prefers-reduced-motion: reduce) block that neutralises animations, transitions and smooth scrolling, page-wide or only inside .anima.