Json Ninja
Chrome extension for parsing, formatting, and visualizing JSON with syntax highlighting, tree view, and search
Instantly validate JSON with clear error messages and line numbers. Know exactly where the syntax error is.
Beautiful color-coded syntax highlighting for strings, numbers, booleans, and null values in both light and dark themes.
Explore complex JSON structures with an expandable/collapsible tree view. Primitive values shown inline for quick scanning.
Search across your JSON and highlight matches instantly. See match count and navigate through results effortlessly.
Copy formatted or minified JSON to clipboard with a single click. Perfect for API testing and documentation.
Toggle between light and dark themes. Easy on the eyes during long coding sessions.
Your JSON data and preferences are automatically saved. Never lose your work when closing the extension.
Automatically detects and unescapes JSON strings. Handle escaped JSON responses from APIs with ease.
Switch between formatted and minified views instantly. Perfect for comparing compact vs readable formats.
Paste or type your JSON with real-time validation. Line numbers appear when there's an error to help you debug quickly.
Beautiful syntax highlighting with search functionality. Find and highlight any text in your JSON instantly.
Easy on the eyes with dark mode support. All features work seamlessly in both light and dark themes.
Explore complex nested structures with an interactive tree. Expand/collapse nodes and see primitive values inline.
Click the "Add to Chrome" button above or visit the Chrome Web Store and search for "Json Ninja". Click "Add to Chrome" and you're ready to go!
Clone the repository, run npm install and npm run build, then load the dist folder as an unpacked extension in Chrome.
Click the Json Ninja icon in your Chrome toolbar to open the extension. Paste your JSON and explore the three powerful tabs: Input, Formatted, and Tree View.
Composition API
Type Safety
Fast Build Tool
Utility-First CSS
Latest Chrome API