HTML · CSS · Image tools.
Instant. Free. No login.

20 essential tools for web developers — all client-side, all fast, no tracking.

7 tools
{ }

Beautifier / Minifier

Format messy HTML into clean indented code, or crush it to a single line.

js-beautify
<✦>

HTML Cleaner

Strip inline styles, remove scripts, and sanitize HTML from Word or email.

pure JS

HTML ↔ Markdown

Convert HTML to Markdown or Markdown to HTML instantly in your browser.

Turndown + marked

Live HTML Preview

Type or paste HTML and see it rendered live in a sandboxed preview pane.

sandboxed iframe

HTML Diff

Compare two HTML snippets with character-level diff highlighting.

jsdiff

Table → CSV / JSON

Paste an HTML table and export as clean CSV or JSON in one click.

pure JS
<meta>

Meta Tag Analyzer

Paste any HTML and instantly see all meta tags, Open Graph, and SEO info.

pure JS
5 tools
.cls

CSS Formatter / Minifier

Beautify CSS with proper indentation or minify for production. Shows byte delta.

js-beautify
{ }

JSON Formatter

Validate, pretty-print with syntax highlighting, or minify JSON.

pure JS
64=

Base64 Encoder / Decoder

Encode text or images to Base64 data URIs, or decode back to content.

FileReader · atob/btoa

Color Extractor

Paste HTML or CSS and pull out every color as a clickable swatch.

pure JS
.*

Regex Tester

Write a pattern, toggle flags, see all matches highlighted live with group details.

pure JS
8 tools

Image Compressor

Compress JPG, PNG, or WebP with a quality slider. See before/after size reduction.

Canvas API

Image Resizer

Resize to exact pixels or by percentage with aspect ratio lock and quick-scale buttons.

Canvas API

Format Converter

Convert between PNG, JPEG, and WebP. Shows output size and savings percentage.

Canvas API

Favicon Generator

Upload an image or type an emoji to generate all favicon sizes. Download as zip.

Canvas · JSZip

SVG Optimizer

Strip Figma, Illustrator, and Inkscape bloat from SVG exports with one click.

DOMParser

Color Picker from Image

Hover over any pixel to preview its color. Click to build a copyable palette.

Canvas · getImageData

CSS Filter Preview

Adjust brightness, contrast, hue, blur, and more live. Copy the filter: string.

CSS Filters

Placeholder Generator

Generate custom placeholder images with any size, color, and text. Download PNG.

Canvas API