JSON Diff Tool

A web-based tool for comparing and analyzing JSON objects with an intuitive interface and powerful features.

View Demo · Report Bug · Request Feature

✨ Features

• 📊 Two Comparison Modes

  • Key Comparison: Shows missing keys in each JSON
  • Diff Comparison: Detailed view of all differences

• 🛠️ Core Capabilities

  • Compare both keys and values
  • Highlight differences in nested objects
  • Support for complex JSON structures
  • Modern, responsive interface with drag-and-drop
  • Real-time validation and error handling
  • Comprehensive diff visualization
  • Multi-file support
  • Responsive design for all devices
  • File name tracking
  • Automatic JSON validation
  • Error handling with clear messages

🚀 Quick Start

Online Version

Visit JSON Diff Tool to use the tool directly in your browser.

Local Development

1. Clone the repository

2. Navigate to project directory

3. Make your changes

4. Open index.html in your browser directly or use live server

📖 Usage Guide

Usage

1. Input Your JSON

   • Type or paste JSON directly into the text areas
   • Drag and drop JSON files into either input
   • Drop multiple files at once (they'll be automatically placed in empty inputs)
   • You'll be asked for confirmation before overwriting existing content

2. Select Comparison Mode

   • Key Comparison: Shows which keys are missing in each JSON
   • Diff Comparison: Shows a detailed view of all differences

3. Working with the Tool

   • Toggle "Compare Values" to check for value differences
   • Clear inputs using the clear button
   • View file names and track edited states
   • See instant comparison results as you type
   • Get automatic JSON validation with clear error messages
   • Notice highlighted differences and comparison mode indicators

🙏 Acknowledgments

• Tailwind CSS for the styling framework
• Font Awesome for the icons
• jsdiff for the diff implementation

🔮 Future Improvements

• Dark mode support
• JSON syntax highlighting
• Save comparison results
• More comparison options
• Keyboard shortcuts

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.