CodePrettify: JS, JSON, CSS & RSS Formatter

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

CodePrettify automatically formats, inspects, and highlights raw JavaScript, JSON, CSS, XML, and RSS/Atom files the moment you open them. Whether you are viewing a minified API response, a complex feed, or a local config file, you get an IDE-like experience directly in your browser. 🚀 SMART AUTOMATION & FORMATTING - Auto-Format: Automatically detects messy or minified code and beautifies it with your preferred indentation - Intelligent Minification Detection: Analyzes code density and formats compressed files automatically while preserving readable files - Smart Rendering: Structure-aware rendering for both dense and well-formatted files - Code Folding: Collapse and expand functions, classes, objects, arrays, and XML blocks - JSON Viewer: Interactive, collapsible JSON viewer with configurable behavior 📊 STRUCTURED DATA SUPPORT - JSON and XML/RSS/Atom fully supported with syntax highlighting and auto-formatting - JSON: Collapsible objects and arrays with breadcrumb navigation and JSON path tools - XML/RSS: Hierarchical structure with element folding and entity decoding - Clickable links supported in both JSON and XML - Table View: JSON arrays and repeating XML elements can be displayed as structured tables 🧭 ADVANCED NAVIGATION & LARGE FILE HANDLING - Document Navigator: Structural outline for JSON, JavaScript, and XML - Code Minimap: Navigate large files quickly - Persistent View State: Restores fold state, search, highlighted lines, and display mode - Smart Previews: Shows summaries like Array(5) or {3 keys} 🔍 DEEP CODE INSIGHTS & DEBUGGING - Diagnostics Panel: Syntax status, warnings, and file insights - Code Statistics Panel: - General: File size, line count, character count - JSON: Object depth, key counts, array sizes - JavaScript: Function and variable counts - CSS: Selector counts, rule counts, media queries - XML/RSS: Tags, attributes, namespaces - Built-in Validation: - JSON: Syntax errors with exact line numbers - JavaScript: Detects mismatched braces, brackets, and common issues - CSS/XML: Structure-aware validation - Instant Feedback: Non-intrusive error notifications - Debug While Reading: Inspect and troubleshoot code in real time 🔐 DATA INSPECTION & DECODING - Base64 and JWT Decode: Opens a modal with encoded and decoded values - Timestamp Formatter: Detects Unix timestamps and ISO date strings - JSON Path Tools: Inspect, copy, and query JSON structures 🔎 POWERFUL SEARCH & INTERACTION - Advanced Search (Ctrl+F) with result counting - Regex Search using /pattern/flags - Go To Line (Ctrl+G) - Clickable links and import paths - Bracket matching for {}, (), [] 🌐 REQUEST & CONTEXT INSIGHT - HTTP Context Panel: View status, headers, encoding, and response metadata - cURL and fetch generator for reproducible requests 🎨 VISUAL TOOLS & CSS POWER - Hex and RGB color preview with inline swatches - Built-in color picker - Zero-flash loading to prevent raw content flicker 🔒 PRIVACY & SECURITY FIRST - 100% Local Processing: All formatting and analysis runs in your browser - No External Requests: Your data is never sent to any server - No Third-Party Libraries: No external runtime dependencies - Safe for Sensitive Data: Works with APIs, tokens, and internal systems 📂 WORKS EVERYWHERE - Supports both web responses and local files (file://) - Works with APIs, config files, and static files ⚙️ CUSTOMIZABLE - Themes: Light, Dark, Auto - Format settings: Font size, indentation, line numbers, wrapping, minimap ⌨️ KEYBOARD SHORTCUTS - Ctrl+B: Toggle Raw/Pretty view - Ctrl+Alt+C: Copy to Clipboard - Ctrl+F: Search - Ctrl+G: Go to Line - Ctrl+Alt+T: Toggle Toolbar 📝 NOTE FOR LOCAL FILES To use CodePrettify with local files (file:///), enable "Allow access to file URLs" in Chrome extensions settings Supports 14 languages including English, Norwegian, German, Spanish, and Chinese.