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
Reading a minified function from DevTools, cleaning a gist, sharing a snippet in a ticket, and normalizing a short example before a PR comment.
TypeScript Formatter
Cleaning a type copied from a library .d.ts, reviewing a generic-heavy snippet, preparing a PR comment, and normalizing a short TSX-ish example.
CSS Formatter
Inspecting a production CSS file, cleaning a snippet from Stack Overflow, teaching cascade with readable examples, and preparing a small style review.
SCSS Formatter
Cleaning a mixin you copied, reviewing a theme file fragment, preparing a style PR comment, and teaching nesting with a readable example.
HTML Formatter & Minifier
Cleaning an email HTML snippet, reviewing a CMS export, shrinking a static fragment for a demo, and making a nested list readable before you edit it by hand.
HTML to Markdown
Moving a CMS export toward a README, turning an email into notes, grabbing a heading structure, and starting a docs PR from HTML you already have.
Markdown Formatter
Cleaning a paste from a chat, unifying a docs snippet, preparing a GitHub issue, and normalizing list style before a PR.
Markdown Table Generator
README feature matrices, issue templates, design-doc option tables, and turning a small CSV paste into something GitHub will render.
GraphQL Formatter
Cleaning a query copied from a network tab, sharing a fragment in a PR, teaching selection sets, and normalizing a mutation before documentation.
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.