Repolode
Предложить
AykutSarac

AykutSarac/jsoncrack.com

Редактор JSON с открытым исходным кодом: превращает JSON, YAML, CSV и XML в интерактивные графы, конвертирует форматы и генерирует код.

Open source альтернатива:Oracle JSON Viewer

Открыть на GitHubСайт
Звёзды
44,515
Форки
3,577
Открытые issues
46
Последний коммит
в прошлом месяце

Что это?

JSON Crack отображает структурированные данные, например JSON, YAML, CSV и XML, в виде интерактивных графов или деревьев, упрощая просмотр, форматирование и проверку вложенных данных. Он доступен как веб-приложение, расширение для VS Code, расширение для Chrome и npm-пакет jsoncrack-react.

Помимо визуализации, инструмент конвертирует данные между форматами, например из JSON в CSV или из XML в JSON, а также генерирует интерфейсы TypeScript, структуры Golang, классы данных Kotlin, типы Rust serde и JSON Schema. Кроме того, он позволяет выполнять запросы jq и JSONPath и экспортировать визуализацию в PNG, JPEG или SVG.

Все данные обрабатываются локально в браузере, поэтому введённые данные не сохраняются на внешних серверах. Веб-приложение создано на Next.js и React; его можно запускать локально с помощью pnpm или Docker.

Ключевые возможности

  • 01Отображает JSON, YAML, CSV и XML в виде интерактивных графов или деревьев.
  • 02Конвертирует данные между форматами, например из JSON в CSV и из XML в JSON.
  • 03Генерирует типы TypeScript, Golang, Kotlin и Rust, а также JSON Schema.
  • 04Выполняет запросы jq и JSONPath к данным.
  • 05Экспортирует визуализации в PNG, JPEG или SVG.

Сценарии использования

  • Изучение больших или глубоко вложенных ответов API.
  • Быстрая конвертация данных между JSON, CSV и XML.
  • Генерация типизированных моделей на основе примеров JSON-пayload.
  • Просмотр JSON-файлов в редакторе с помощью расширения для VS Code.

Быстрый старт

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/AykutSarac/jsoncrack.com.git
  2. 2

    Перейдите в папку проекта

    cd jsoncrack.com
  3. 3

    Установите пакеты с помощью pnpm

    pnpm install
  4. 4

    Запустите веб-приложение, затем откройте http://localhost:3000/

    pnpm dev:www

Что важно знать

  • Для запуска из исходного кода требуются Node.js версии 24 или новее и pnpm версии 10 или новее.
  • В README описана только настройка из исходного кода; о готовом установщике для настольного приложения ничего не сказано.

Темы

#json#visualization#yaml#csv#xml#json-schema#code-generation#nextjs#diagrams#graph

Частые вопросы

Что такое jsoncrack.com?
Редактор JSON с открытым исходным кодом: превращает JSON, YAML, CSV и XML в интерактивные графы, конвертирует форматы и генерирует код. JSON Crack отображает структурированные данные, например JSON, YAML, CSV и XML, в виде интерактивных графов или деревьев, упрощая просмотр, форматирование и проверку вложенных данных. Он доступен как веб-приложение, расширение для VS Code, расширение для Chrome и npm-пакет jsoncrack-react.
jsoncrack.com можно использовать бесплатно? Какая у него лицензия?
jsoncrack.com распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
jsoncrack.com всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в jsoncrack.com — 14 сент. 2026 г..
Для чего можно использовать jsoncrack.com?
Изучение больших или глубоко вложенных ответов API. Быстрая конвертация данных между JSON, CSV и XML. Генерация типизированных моделей на основе примеров JSON-пayload. Просмотр JSON-файлов в редакторе с помощью расширения для VS Code.
Как установить jsoncrack.com?
Клонируйте репозиторий: git clone https://github.com/AykutSarac/jsoncrack.com.git Перейдите в папку проекта: cd jsoncrack.com Установите пакеты с помощью pnpm: pnpm install Запустите веб-приложение, затем откройте http://localhost:3000/: pnpm dev:www
Где скачать jsoncrack.com?
Исходный код и инструкции по установке — на GitHub: https://github.com/AykutSarac/jsoncrack.com

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты