JSONTab - Visual JSON Editor

The first in a series of tools for data-driven development

JSONTab is a lightweight, browser-based tool that simplifies creating and editing JSON data through an intuitive table interface. Inspired by the array and dictionary editor in Construct 3, this tool lets you visually design all your data structures before diving into development.

Key Features

Visual Data Creation

  • Edit JSON data in a familiar spreadsheet-like interface
  • Work with 2D arrays, 3D arrays, arrays of objects, and dictionaries
  • Resize dimensions on-the-fly with intuitive controls

Dual View Modes

  • Table View: Edit data visually in a grid layout
  • JSON View: See the raw JSON output with syntax highlighting

Flexible JSON Formatting

  • Multiline: Standard 2-space indentation for maximum readability
  • Compact: Completely compact with no spaces for minimal file size
  • Compact-Multiline: Balance between size and readability
  • Single-line: Minimal spacing on a single line
  • Cycle through formats with Ctrl+Shift+F in JSON view

Powerful Navigation

  • Alt+Left/Right: Switch between project tabs
  • Tab/Shift+Tab: Navigate between cells
  • Arrow keys: Move through the grid
  • Ctrl+E: Toggle between dark/light themes
  • Ctrl+Q: Switch between table and JSON views
  • Ctrl+Up/Down/Left/Right: Adjust array dimensions

Developer-Friendly

  • Export your data as clean JSON files
  • Import existing JSON with drag-and-drop
  • Persistent sessions with local storage
  • No installation required - runs directly in your browser

Perfect for game developers, data analysts, and anyone who needs to create structured data before starting their project. Whether you're designing game configurations, API responses, or complex data structures, JSONTab makes the process visual, intuitive, and efficient.

Part of a series of tools designed for data-driven development workflows.

This project is licensed under the MIT License

Leave a comment

Log in with itch.io to leave a comment.