CSS tools
Every free tool that works with CSS files: convert, compress, edit and more, all in one place.
11 tools for CSS files
All free, all private. Open any tool to get started.
CSS Beautifier
Beautify and format CSS, SCSS and LESS in your browser with Prettier, auto-detected syntax, configurable indent and print width, nested-rule support and precise error lines. Nothing is uploaded.
CSS Minifier
Minify and compress CSS in your browser with csso. Merge duplicate rules, collapse shorthand and shorten colors, then see the exact bytes and percentage saved. Nothing is uploaded.
CSS Validator
Paste your CSS and instantly catch unbalanced braces, unclosed and empty rules, and unterminated comments or strings, each pinpointed to a line, 100% in your browser.
SVG to CSS
Convert SVG to a CSS background-image or mask rule in your browser: a compact URL-encoded data URI with a ready selector snippet, live preview and one-click copy. Nothing is uploaded.
Data URI to SVG
Decode a data:image/svg+xml URI back into raw SVG in your browser, handles base64 and URL-encoded payloads, with a live preview and one-click.svg download. Nothing is uploaded.
SVG Animation Generator
Animate any SVG in your browser. Pick a preset (spin, pulse, bounce, fade, draw-line, morph), tune duration, easing and iterations, watch it live, then copy a self-contained animated SVG or the CSS keyframes. Nothing is uploaded.
SVG Gradient Generator
Design linear, radial and conic gradients with draggable color stops and an angle dial, then export a scalable SVG and a ready-to-paste CSS background side by side. Live preview, copy, download SVG/PNG: 100% in your browser.
SVG Background Generator
Generate full-bleed hero and section backgrounds as clean SVG: mesh gradient, dots, grid, waves or blob styles with your brand colors, opacity and density, plus a reproducible re-roll. Copy the SVG or CSS, download SVG/PNG. 100% in your browser.
SVG Pattern Generator
Create seamless, tiling SVG background patterns (dots, grid, diagonal lines, cross, chevron, triangles and circles) with tile-size, color and stroke controls, then copy the SVG or ready-to-paste CSS. 100% in your browser.
SVG Wave Generator
Generate layered SVG wave dividers for section transitions: sliders for height, amplitude, wave count and layers, per-layer colors or a gradient, and a flip toggle, then copy the SVG or download SVG/PNG. 100% in your browser.
SVG Blob Generator
Generate smooth, organic SVG blob shapes with sliders for complexity, edge contrast and size, solid or gradient fills, and a seeded re-roll, then copy the SVG or download SVG/PNG. 100% in your browser.
Browse by file type
- SVG toolsConvert, compress and edit SVG files.64 tools
- PNG toolsConvert, compress and edit PNG files.54 tools
- PDF toolsConvert, compress and edit PDF files.46 tools
- MP4 toolsConvert, compress and edit MP4 files.30 tools
- MP3 toolsConvert, compress and edit MP3 files.28 tools
- JSON toolsConvert, compress and edit JSON files.25 tools
Keep exploring
Problems we solve
From the blog
By file type
Common tasks
Frequently asked questions
Start with CSS Beautifier
Free, private and instant. Everything runs in your browser.