AI-Powered Features

Leverage artificial intelligence to convert, fix, explain, and generate code from your JSON data.

auto_awesome Convert to JSON

Transform any text, table, or image into well-structured JSON using AI. Perfect for extracting data from documents, receipts, forms, or any structured content.

How to Use

  1. Paste text into the editor, or upload an image using the folder icon
  2. Click the "Convert to JSON" button in the AI Assistant panel or toolbar
  3. Wait for AI to analyze and generate JSON
  4. Review the generated JSON in the modal
  5. Click "Apply JSON" to use it in the editor

✓ Works with images (photos, screenshots, scanned documents)
✓ Extracts data from tables, forms, and structured text
✓ Generates semantically meaningful key names
✓ Preserves data relationships and structure

Use Cases

  • Extract data from receipts or invoices
  • Convert table data to JSON
  • Parse form submissions
  • Extract information from screenshots
  • Convert unstructured text to structured data

build Fix JSON Formatting

Automatically detect and fix JSON syntax errors. AI analyzes your broken JSON and provides a corrected version.

How to Use

  1. Paste or type JSON with errors into the editor
  2. Click "Fix Formatting" in the AI Assistant panel
  3. Review the fixed JSON in the modal
  4. Click "Apply Fix" to replace the broken JSON

✓ Fixes missing commas, brackets, and quotes
✓ Corrects trailing commas
✓ Repairs unclosed objects and arrays
✓ Validates and formats the result

Common Fixes

  • Missing or extra commas
  • Unclosed braces or brackets
  • Invalid quote usage
  • Trailing commas
  • Syntax errors in nested structures

help Explain JSON Errors

Get detailed, human-readable explanations of JSON syntax errors. Understand what went wrong and why.

How to Use

  1. When JSON has an error, an error panel appears
  2. Click "What's Wrong?" button in the error panel
  3. AI analyzes the error and provides an explanation
  4. Review the explanation and code snippet
  5. Optionally click "Fix with AI" to auto-repair

✓ Shows error location with code context
✓ Explains the cause in plain language
✓ Suggests how to fix the issue
✓ Highlights the problematic line

description Explain Schema

Get AI-powered explanations of your JSON structure. Understand what each field represents and the overall purpose of the data.

How to Use

  1. Load valid JSON into the editor
  2. Optionally select a specific node to explain
  3. Click "Explain Schema" in the AI Assistant panel
  4. Read the AI explanation in the modal

✓ Describes the overall structure
✓ Explains what each field likely represents
✓ Identifies data patterns and relationships
✓ Provides context about the data's purpose

What You'll Learn

  • Purpose of each field and property
  • Data type meanings and usage
  • Relationships between nested objects
  • Overall structure and organization

code Generate TypeScript Types

Automatically generate TypeScript interfaces and types from your JSON structure. Perfect for developers working with JSON APIs.

How to Use

  1. Load valid JSON into the editor
  2. Optionally select a specific node to generate types for
  3. Click "Gen Types" in the AI Assistant panel
  4. Copy the generated TypeScript code from the modal

✓ Generates accurate TypeScript interfaces
✓ Handles nested objects and arrays
✓ Infers correct types from values
✓ Creates reusable type definitions

Example Output

interface User {
  id: number;
  name: string;
  email: string;
  active: boolean;
  tags: string[];
  contact: {
    email: string;
    phone: string | null;
  };
}

AI Assistant Panel

The AI Assistant panel is located at the bottom of the input editor. It provides quick access to all AI features and shows the current status of your JSON.

  • Collapsible panel to save space
  • Status messages about JSON validity
  • Quick action buttons for all AI features
  • Loading indicators during AI processing

Tips for Best Results

  • For Image Conversion: Use clear, well-lit images with readable text. Tables and forms work best.
  • For Error Fixing: The AI works best with minor syntax errors. Very malformed JSON may need manual fixes.
  • For Schema Explanation: Select specific nodes to get focused explanations, or leave unselected for overall structure.
  • For Type Generation: Ensure your JSON is valid and representative of the data structure you want types for.

Ready to Try AI Features?

Launch the app and explore the AI-powered capabilities:

Launch App arrow_forward