Skip to content

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.

License

Notifications You must be signed in to change notification settings

manoj-lk-code/json-path-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages