Formatters

Format and beautify code and data

10 tools

Paste messy, minified or hand-written code and get it back clean and consistently indented. Supports JSON, XML, HTML, CSS, SQL and more. Great for code reviews, debugging API responses or just tidying things up.

CSS Loader Generator

Generate CSS loaders and spinners — spinner, dots, pulse, bars, and ripple. Customize color, size, speed, and thickness. Copy the HTML and CSS with one click.

CSS Minifier/Beautifier

Minify CSS to reduce file size or beautify compressed CSS for readability.

HTML Prettifier

Format and indent HTML code for better readability. Fix messy HTML structure.

SQL Formatter

Format SQL queries with proper indentation and keyword highlighting for better readability.

XML Formatter

Format and indent XML documents. Validate XML syntax and structure.

CSS Gradient Generator

Generate CSS linear, radial, and conic gradients with a visual editor. Copy the CSS instantly.

CSS Grid Generator

Generate CSS Grid layouts visually. Define rows, columns, and gaps, then copy the ready-to-use CSS.

Box Shadow Generator

Visual CSS box-shadow generator with live preview. Control offset, blur, spread, color, and opacity with sliders. Add multiple shadow layers and copy the CSS instantly.

Border Radius Generator

Visual CSS border-radius generator with independent sliders for each corner. Live preview with presets for common shapes like pill, rounded, and more.

Flexbox Generator

Visual flexbox playground — adjust container and child properties (flex-direction, justify-content, align-items, gap, flex-grow, etc.) and see the result live. Generates ready-to-use CSS.