Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

zhravan/jsonp

JSONP - Multi tab JSON toolkit

A versatile web-based toolkit for working with JSON data. Open-source and works offline!

JSONP Logo

🌟 Overview

JSONP is a powerful, browser-based JSON toolkit that helps developers work with JSON data more efficiently. It works completely offline and includes multiple tools for formatting, comparing, converting, and generating JSON data.

✨ Features

🧹 JSON Formatter & Validator

  • Multi-tab support with color coding
  • Tree view with expandable nodes
  • Search functionality
  • Error highlighting
  • Real-time validation

πŸ” JSON Comparison (Diff Checker)

  • Side-by-side diff view
  • Multi-tab support
  • Visual difference highlighting

πŸ’» Code Generation

  • TypeScript interfaces
  • Python dataclasses
  • Go structs

πŸ”„ Format Conversion

  • Python dictionary ↔ JSON converter
  • Preserves data types
  • Syntax highlighting

πŸ§ͺ Mock Data Generator

  • Faker.js integration
  • JSON/CSV export
  • Table/JSON view modes
  • Customizable schemas
  • Built-in presets

πŸ“ Markdown Editor

  • Real-time preview
  • Syntax highlighting
  • Multi-tab support

πŸš€ Getting Started

  1. Quick Start

    git clone https://github.com/shravan20/jsonp.git
    cd jsonp
    # Open index.html in your browser
  2. Usage

    • Open index.html in any modern browser
    • Drag & drop JSON files directly
    • Use tabs to organize multiple documents
    • Toggle between different tools using the sidebar

πŸ’‘ Key Features

  • Offline Support: Works completely offline - no server needed
  • Multi-tab Interface: Work with multiple JSON documents simultaneously
  • Dark/Light Mode: Comfortable viewing in any environment
  • Keyboard Shortcuts: Efficient workflow with keyboard navigation
  • Local Storage: Auto-saves your work
  • Mobile Responsive: Works on all devices

πŸ› οΈ Development

# Install dependencies
npm install

# Format code
npm run format

# Lint code
npm run lint

# Run checks
npm run check

🀝 Contributing

We welcome contributions! Please see:

  1. Code of Conduct
  2. Contributing Guidelines
  3. Issue Templates

πŸ“ Changelog

See CHANGELOG.md for a detailed history of changes.

πŸ“„ License

MIT Licensed - Free for personal and commercial use. See LICENSE for details.

🌐 Links


Made with ❀️ in India