https://github.com/zhravan/jsonp
JSONP - Multi tab JSON toolkit
https://github.com/zhravan/jsonp
collaborate css3 github-pages html5 javascript jmespath json json-formatter json-prettifier json-tool json-toolkit json-tools toolkit
Last synced: 9 months ago
JSON representation
JSONP - Multi tab JSON toolkit
- Host: GitHub
- URL: https://github.com/zhravan/jsonp
- Owner: zhravan
- License: mit
- Created: 2025-02-11T04:39:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-29T18:29:18.000Z (about 1 year ago)
- Last Synced: 2025-08-14T19:44:27.699Z (10 months ago)
- Topics: collaborate, css3, github-pages, html5, javascript, jmespath, json, json-formatter, json-prettifier, json-tool, json-toolkit, json-tools, toolkit
- Language: JavaScript
- Homepage: https://jsonp.ohmyscript.com
- Size: 187 KB
- Stars: 2
- Watchers: 1
- Forks: 11
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# JSONP - Multi tab JSON toolkit
A versatile web-based toolkit for working with JSON data. Open-source and works offline!
## 🌟 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**
```bash
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
```bash
# 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](./CODE_OF_CONDUCT.md)
2. [Contributing Guidelines](./CONTRIBUTING.md)
3. [Issue Templates](./.github/ISSUE_TEMPLATE)
## 📝 Changelog
See [CHANGELOG.md](./CHANGELOG.md) for a detailed history of changes.
## 📄 License
MIT Licensed - Free for personal and commercial use. See [LICENSE](./LICENSE) for details.
## 🌐 Links
- [GitHub Repository](https://github.com/shravan20/jsonp)
- [Report Issues](https://github.com/shravan20/jsonp/issues)
- [Feature Requests](https://github.com/shravan20/jsonp/issues/new?template=feature_request.md)
---
Made with ❤️ in India