ToolBox

CSS Formatter

Format and indent CSS code.

body{margin:0;padding:0}.container{display:flex;align-items:center;gap:8px}
Your file never leaves this browser tab — everything runs locally on your device.

How to use css formatter

  1. Paste your CSS into the editor.
  2. Click "Format CSS".
  3. Copy or download the cleanly indented result.

Common use cases

  • Making minified CSS readable for debugging in dev tools.
  • Standardizing formatting across a stylesheet before a code review.
  • Cleaning up CSS copied from a browser's computed styles panel.

Related tools

JSON Diff Checker

Compare two JSON documents side by side and see exactly what changed.

QR Code Generator

Create a downloadable QR code from any text or URL.

JWT Decoder

Decode a JWT's header and payload. Decoding is not signature verification.

UUID Generator

Generate one or many random UUID v4 values.

Frequently asked questions