Skip to content

Code Formatter

Pretty-print or minify code in one keystroke.

Format and minify JavaScript, TypeScript, HTML, XML, CSS and Markdown (use JSON Toolkit for JSON).

  • Side panel
  • Right-click menu
Add to Chrome(opens the Chrome Web Store in a new tab)or pressCtrlShiftSpace
One Panel Search tools

Code Formatter

Side panel

JavaScript & TypeScript

Ready01 / 04

01Features

What it does

  1. 01JavaScript & TypeScript
  2. 02HTML & XML
  3. 03CSS
  4. 04Markdown
  5. 05Auto-detect language
  6. 06Minify

02Use cases

When you'll reach for it

Untangle a minified script from production
Tidy a pasted HTML email template

How to open it

  1. 1

    Side panel

    Click the One Panel icon in the toolbar and search for “Code Formatter”.

  2. 2

    Right-click menu

    Right-click selected text, then choose One Panel → Code Formatter.

Privacy

  • Runs entirely inside your browser. No account, no analytics, no remote code.

Keep going

Pairs well with

Text

Case Converter

Convert between camelCase, snake_case, Title Case and more.

Text

Text Cleaner

Trim, clean and normalize whitespace, spaces and line breaks.

Text

Text Analyzer

Words, characters, lines, sentences, reading time and readability metrics.

Text

Line Tools

Deduplicate, sort, reverse, shuffle and number lines.

Text

Find & Replace

Find and replace with regex, case and whole-word options.

Text

Text Diff

Compare two texts and highlight additions and removals.

Get Code Formatter and 80 more

One install adds every tool to your side panel. No account, nothing to configure.

Add to Chrome(opens the Chrome Web Store in a new tab)