JSON Path Viewer

A lightweight, zero-dependency, client-side tool to paste, view, and interact with JSON data. Instantly find and copy the path or value of any property in a clean, developer-friendly interface.

🌐 Live Demo

Try it live now: https://jsonpathviewer.manojlk.work/

A lightweight, zero-dependency, client-side tool to paste, view, and interact with JSON data. Instantly find and copy the path or value of any property in a clean, developer-friendly interface.

✨ Features

• Interactive Tree View: Navigate your JSON structure with a collapsible, easy-to-read tree.

• Instant Path & Value: Click any property to instantly see its JSONPath and corresponding value in the header.

• One-Click Copy: Dedicated buttons to copy the full path or the raw value to your clipboard.

• JSON Formatting: Includes "Beautify" for readability, "Minify" for compactness, and "Clear" to reset the input.

• Bulk Actions: Instantly expand or collapse all nodes for efficient navigation of large JSON files.

• Session Persistence: Your last JSON input is automatically saved to local storage and reloaded on your next visit.

• Auto-Beautify: Automatically formats your JSON when pasted or loaded from a previous session, ensuring clean code.

• Clean & Stable UI: A modern, fixed-panel UI built with Tailwind CSS that provides a stable and predictable workspace.

🚀 How to Use

1. Download the index.html file.

2. Open it in any modern web browser (Chrome, Firefox, Safari, Edge) or host it anywhere you like.

3. That's it! You can now paste your JSON and start exploring.

🛠️ Built With

• HTML5

• Tailwind CSS

• Vanilla JavaScript (ES6+)

👤 Credits

This project was built with AI by Manoj lk.