Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

zhravan/jsonp

Repository files navigation

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

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /