HTML, CSS & JS
Format, minify and preview HTML, CSS, SCSS, LESS, JavaScript, TypeScript, Markdown and GraphQL.
HTML Formatter & Beautifier
This HTML formatter re-indents markup using a real parser, so nesting and inline elements are handled correctly.
CSS Formatter & Beautifier
This CSS formatter puts one declaration per line and normalises spacing without rewriting your values.
SCSS Formatter
This SCSS formatter understands nesting, variables and mixins rather than treating them as unknown CSS.
LESS Formatter
This LESS formatter parses at-variables, nesting and mixin guards as real LESS.
JavaScript Formatter & Beautifier
This JavaScript formatter reparses your code and prints it from the syntax tree, so the result is predictable.
TypeScript Formatter
This TypeScript formatter handles interfaces, generics, decorators and TSX, not just the JavaScript underneath.
Markdown Formatter
This Markdown formatter picks one style for lists, headings and emphasis, and re-aligns table pipes.
GraphQL Formatter
This GraphQL formatter lays out queries, mutations and schema definitions consistently.
HTML Minifier
This HTML minifier strips comments and whitespace between tags while protecting pre, script and style.
CSS Minifier
This CSS minifier strips comments and whitespace while protecting strings and url() values.
HTML Viewer & Live Preview
This HTML viewer renders your markup as you type, inside a sandbox that cannot run scripts.
HTML to Text Converter
This HTML to text converter reduces a page to the words a reader would actually see.
HTML Tag Stripper
This HTML tag stripper removes the tags you choose and keeps the ones you want.
HTML Cleaner
This HTML cleaner strips the junk out of markup pasted from Word, Docs or a WYSIWYG editor.
HTML to JSX Converter
This HTML to JSX converter fixes the attribute names and syntax React insists on.
HTML to Markdown Converter
This HTML to Markdown converter turns a page into clean Markdown for a README or wiki.
Markdown to HTML Converter
This Markdown to HTML converter renders your document with GitHub extensions on.
Markdown Viewer & Editor
This Markdown viewer renders your document live as you type, in a sandboxed preview.
Markdown Table Generator
This Markdown table generator gives you a grid to type into and clean aligned Markdown out.
CSS Validator
This CSS validator finds unbalanced braces, missing colons and unclosed comments by line.
CSS Unit Converter
This converter turns px, rem, em, %, pt and physical units into each other at once.
CSS Box Shadow Generator
This box shadow generator stacks multiple layers with a live preview.
CSS Border Radius Generator
This border radius generator sets each corner and writes the shortest valid CSS.
CSS Gradient Generator
This gradient generator builds linear, radial and conic gradients with a live preview.
Glassmorphism CSS Generator
This generator builds the frosted-glass effect with backdrop blur and a live preview.
CSS Button Generator
This button generator builds a complete style including hover and active states.
Cubic Bezier Easing Generator
This cubic-bezier editor draws the curve and animates a preview with it.
Flexbox & Grid Generator
This layout generator shows what each flexbox and grid property does on real items.
JSX Formatter
Format React components: wrap attributes, indent nested elements and parenthesise multi-line JSX correctly.
MDX Formatter
Format MDX documents, normalising the Markdown prose while formatting the embedded JSX components.
SVG Formatter and Inspector
Format or minify an SVG file and see what is inside it — viewBox, elements, embedded images and scripts.
XAML Formatter
Format XAML for WPF, WinUI, MAUI or Xamarin, with a breakdown of controls, namespaces and nesting depth.
URL Slug Generator
Turn titles into clean URL slugs, handling accents, symbols and length limits, many lines at once.
Meta Tag Generator
Build the meta, Open Graph and Twitter tags for a page, with a length check on the title and description.
HTML Table Generator
Build an accessible HTML table in a grid editor, or paste one straight from a spreadsheet.
iFrame Generator
Build a responsive, sandboxed iframe embed, with warnings for the settings that quietly defeat the sandbox.
YouTube Thumbnail Grabber
Get every thumbnail size for a YouTube video from any link shape, plus ready-made embed code.
About HTML, CSS & JS
Formatters for the languages the web is built from, plus minifiers and a live HTML preview. Each formatter parses the file into a syntax tree and prints it back out from there rather than nudging text around with pattern matching, which is what makes the result predictable — the formatter knows what is a string, what is a comment and what is structure. The minifiers take the opposite approach on purpose: conservative rather than aggressive, removing only what is provably ignorable and protecting the things naive tools corrupt, like whitespace inside a pre element or a font name containing a space. Everything runs in your browser, and the parsers are loaded only when you open the page that needs them.
Everything on this page runs directly in your browser — none of your input is uploaded, and every tool keeps working when you are offline.