Code Formatters
Indent and normalize source snippets before code review or debugging. Formatters run in the tab so pasted fragments stay on your device.
Use language-specific formatters when you care about syntax (JS/TS/CSS/HTML/SCSS/GraphQL). Markdown tools help with readable docs and GitHub tables. Defaults may differ from your repo’s Prettier config — treat this as a readability pass, then run CI formatters before you commit.
Huge minified bundles can slow the tab. Start with a representative slice, then format the rest once the options look right.
Tools in this hub
JavaScript Formatter
Pretty-print or minify JavaScript code.
TypeScript Formatter
Pretty-print or minify TypeScript code.
CSS Formatter
Pretty-print CSS with Prettier, or collapse whitespace.
SCSS Formatter
Format or minify SCSS stylesheets.
HTML Formatter & Minifier
Format or minify HTML markup.
HTML to Markdown
Convert HTML snippets into Markdown.
Markdown Formatter
Format Markdown documents for consistency.
Markdown Table Generator
Build Markdown tables from CSV-like rows.
GraphQL Formatter
Format GraphQL queries and schemas.
Related developer hubs
Frequently asked questions
Will this match my Prettier config?+
Not always. Use these pages to read a snippet; let your project’s formatter own the canonical style in git.
Is source code uploaded?+
No. Formatting runs locally in the browser.