Skip to content
FizzKit

HTML / CSS Prettifier

Format HTML, Vue, CSS, SCSS, Less, JavaScript, TypeScript, JSON, YAML, Markdown and GraphQL with Prettier, or minify HTML, CSS, JS and JSON. For HTML you also get a sandboxed rendered preview, tag and attribute statistics and a basic lint pass that catches unclosed tags, duplicate ids, images without alt, missing lang, doctype and title. Real gzip sizes are reported for every run.

Runs locally in your browser
For long source files, open fullscreen for a wider view
Raw HTML
577 chars · 1 line
Formatted
Output will appear here…
Input
579 B
Output
0 B
Gzip (output)
—
Lines
0
Tags
15
Attributes
8
Max depth
5
Lint
4 issues

CSS-aware keeps whitespace where the element's display value makes it significant (inline elements). Ignore lets Prettier break lines anywhere, which may change rendering of inline text. Strict preserves whitespace exactly.

Related tools

CSS Minifier

Minify CSS safely — strings, url() and calc() preserved — with gzip size and duplicate-selector merging.

JavaScript Minifier

Minify JavaScript with Terser or beautify JS/TS with Prettier — with real gzip sizes.

Markdown Preview

Live split-pane Markdown editor with highlighted code blocks, TOC and styled HTML export.

SQL Formatter

Format, minify and highlight SQL for 14 dialects with placeholder substitution.

How to use HTML / CSS Prettifier

  1. 1Pick the language (HTML, Vue, CSS, SCSS, Less, JS, TS, JSON, YAML, Markdown, GraphQL) and Beautify or Minify.
  2. 2Set indent (2, 4, tab), print width and, for HTML, how inline whitespace should be treated.
  3. 3For HTML, switch to Preview to render it in a sandbox or Lint to see problems.
  4. 4Copy or download the result; check the input, output and gzip sizes in the stats.

About HTML / CSS Prettifier

Format HTML, Vue, CSS, SCSS, Less, JavaScript, TypeScript, JSON, YAML, Markdown and GraphQL with Prettier, or minify HTML, CSS, JS and JSON. For HTML you also get a sandboxed rendered preview, tag and attribute statistics and a basic lint pass that catches unclosed tags, duplicate ids, images without alt, missing lang, doctype and title. Real gzip sizes are reported for every run.

HTML / CSS Prettifier is part of FizzKit — a collection of focused developer and ad-tech tools. Because everything runs locally, it works offline once loaded and never exposes your data to a remote server.

Frequently asked questions

It runs a basic lint (unclosed tags, duplicate ids, missing alt/lang/doctype/title, unsafe target=_blank) but is not a full validator. For spec compliance use the W3C validator.