https://github.com/manoj-lk-code/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.
https://github.com/manoj-lk-code/json-path-viewer
json json-data json-parser jsonview jsonviewer
Last synced: 8 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/manoj-lk-code/json-path-viewer
- Owner: manoj-lk-code
- License: gpl-3.0
- Created: 2025-10-06T06:54:03.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-10-06T07:37:49.000Z (8 months ago)
- Last Synced: 2025-10-06T09:38:07.613Z (8 months ago)
- Topics: json, json-data, json-parser, jsonview, jsonviewer
- Language: HTML
- Homepage: https://jsonpathviewer.manojlk.work/
- Size: 32.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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/](https://jsonpathviewer.manojlk.work/ "null")
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](https://manojlk.work/ "null").