JSON Hover Formatter

Hover to format JSON in a modal or inline — with syntax highlighting, smart word wrap, and one-click property copy.

JSON Hover Formatter is a lightweight, high-performance developer tool that makes reading raw JSON strings on any webpage effortless. No more copying and pasting into external sites just to see what a data blob contains. Key Features: - Instant Hover Preview: Simply hover over any JSON structure (objects or arrays) to see a syntax-highlighted preview in a sleek modal. - Inline Replacement: One click to replace raw, unreadable text with a formatted and colored version directly in the page layout. - One-Click Copy: Hover any property to copy it as valid, ready-to-paste JSON — a single field, a nested object, or the entire document. Scalar values can also be copied raw (no quotes), perfect for grabbing IDs and GUIDs. - Smart Word Wrap: Toggle word wrap in any view. Stack traces embedded in string values break at their real line boundaries and get their own subtle highlighting, so exception fields finally read like exceptions. - Nested JSON Unwrapping: JSON escaped inside string values is automatically detected and expanded into real, browsable objects — no matter how many levels deep. - Smart Detection: Automatically identifies JSON blocks even when they are embedded inside table cells or text-heavy dashboards. - Developer Friendly: Works perfectly with tools like MongoDB Compass, AWS Console, or custom internal logs where JSON is often displayed as a single line. - Remembers Your Preferences: Word wrap and inline-replace settings sync across your browser. - Privacy Focused: All formatting happens locally in your browser. Your data never leaves your computer. Stop squinting at raw strings — clean up your data view with JSON Hover Formatter.