CodePrettify: JS, JSON, CSS & RSS Formatter

Auto-format, highlight, and beautify JS, JSON, CSS, and RSS. Themes, collapsible JSON, line numbers, and more.

CodePrettify turns raw developer files into an IDE-like experience the moment you open them — formatting, navigating, validating, diffing, and even executing JavaScript inside the browser tab. Works on JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML, and RSS/Atom, for both web responses and local files. 📊 STRUCTURED DATA SUPPORT JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml), and TypeScript (.ts / .mts / .cts) Collapsible JSON with breadcrumb navigation and JSON Path tools (autocomplete, validation, copy per result) Clickable URLs and import paths in JSON and XML Table View: sortable, searchable tables for JSON arrays of objects and repeating XML elements, with chunked loading for large datasets 🚀 SMART AUTOMATION & FORMATTING Auto-format with minification detection so compressed files are beautified and readable ones are left alone Modern CodeMirror 6 engine with VS Code-inspired highlighting Code folding for functions, classes, objects, arrays, and XML blocks Bracket matching and a zero-flash loader that prevents raw-content flicker 🧪 JAVASCRIPT PLAYGROUND Runs real JavaScript in a sandboxed Web Worker with a configurable 1 / 5 / 15 s timeout Captures console.log/info/warn/error/debug and renders console.table as a real HTML table Reports return value, execution time, and full stack traces Optional "Include {filename}" prepends the current file so you can call its top-level functions Autocomplete for functions, methods, classes, and variables from both the Playground and the current file, with parameter signatures Top-level await, Tab / Shift+Tab indent/dedent, and auto-persisted code across sessions Ctrl+Alt+P to open, Ctrl+Enter to run, Ctrl+Space to trigger autocomplete 🧭 NAVIGATION & LARGE FILES Document Navigator outline for JSON, JavaScript, and XML Syntax-aware code minimap rendered on an offscreen canvas Per-URL view state: fold state, search, highlights, and mode restored automatically Shareable Configuration URL restores the exact view for teammates Go To Line (Ctrl+G) remembers your last line number 🔍 INSIGHTS & VALIDATION Diagnostics Panel with syntax status, warnings, and file-type-specific insights Statistics for file size, lines, JSON depth, JS functions/vars, CSS selectors, XML tags/attrs Built-in validation for JSON, JavaScript, TypeScript, CSS (line/column reporting), and XML 🧬 COMPARE & DIFF Full-screen split-view diff (Ctrl+Alt+D) with line-level diffing, synced scrolling, stats, and swap-sides 🔐 DATA INSPECTION Inline Base64 and JWT decoding with a dedicated copy modal Unix timestamp detection (seconds and milliseconds) with readable tooltips ISO 8601 and RFC 822 date tooltips in JSON, XML, and RSS 🔎 SEARCH & INTERACTION Floating search (Ctrl+F) with live result counting Regex search via /pattern/flags Clickable URLs and relative import paths 📤 EXPORT & SHARING PNG export (visible viewport or full file) with syntax-colored canvas render CSV export for JSON arrays of flat objects and RSS/Atom feed items HTML table export for any tabular JSON or XML Copy original, formatted, or minified code from one toolbar button 🌐 REQUEST CONTEXT HTTP Context Panel: URL, content type, encoding, size hints, and timing cURL and fetch() command generator with Windows-safe quoting 🎨 CSS TOOLS Hex and RGB swatches with a built-in color picker (HEX, RGB, HSL copy) 🔒 PRIVACY & SECURITY 100% local processing; no external requests, telemetry, or third-party runtime dependencies Playground code runs in a null-origin sandbox iframe and a fresh Web Worker per execution — no access to the host page, the extension, or the network Safe for APIs, tokens, internal systems, and production data 📂 WORKS EVERYWHERE HTTP/HTTPS responses and local files (file:///) Detects JSON, YAML, TypeScript, and other types from Content-Type when the URL has no matching suffix ⚙️ CUSTOMIZABLE Light, Dark, Auto (system) themes Font size, indent size, line numbers, word wrap, minimap Per-file-type preferences; language dropdown; settings synced across devices via chrome.storage.sync ⌨️ KEYBOARD SHORTCUTS Ctrl+B — Raw / Pretty Ctrl+Alt+C — Copy Ctrl+F — Search Ctrl+G — Go to Line Ctrl+Alt+T — Toggle toolbar Ctrl+Alt+D — Diff tool Ctrl+Alt+P — Playground 📝 LOCAL FILES Enable "Allow access to file URLs" on the CodePrettify row in chrome://extensions to use it on file:/// URLs. Available in 14 languages: English, Norwegian, Swedish, Danish, German, Spanish, French, Italian, Japanese, Korean, Portuguese, Russian, Vietnamese, and Simplified Chinese.