JSON Schema PreviewVisualise, validate & edit schemas in VS Code

A developer-friendly extension that renders JSON Schema documents as interactive visual documentation — with live preview, validation, a form-based editor, and support for private/authenticated schemas.

Get Started

View on GitHub

Releases

⬇ Download v0.5.1 ↗

👁

Live Preview

Renders your JSON or YAML schema as human-readable documentation the moment you save. Debounced live-update mode refreshes as you type. Download the output as HTML or Markdown.

✅

Instant Validation

Validates any JSON or YAML data file against its bound schema using AJV. Errors appear inline in the Problems panel with precise line and column locations.

✏️

Visual Editor

Edit the most common JSON Schema keywords through a structured form — no raw JSON needed. Saves back to the source file automatically.

🔗

Schema Binding

Bind any JSON or YAML data file to a schema and track it in the status bar. Bindings are stored in VS Code settings (workspace folder or user scope).

🪄

Schema Inference

Generate a JSON Schema from an existing data file with one command. Supports JSON, JSONC, JSONL, and YAML. A great starting point when adopting schema-first workflows.

🔒

Private Schema Auth

Fetch schemas behind GitHub OAuth, Bearer tokens, or Basic auth. Cache them locally so VS Code's language server reads them too — no more red squiggles.

🛡️

Workspace Trust Aware

The Python-based preview is disabled in untrusted workspaces. Validation, binding, and inference continue to work in Restricted Mode.

⚙️

Configurable Rendering

Choose from multiple json-schema-for-humans templates (flat, JS, Markdown, RST, HTML). Config lives in .json-schema-preview-config.json, committed alongside your project.

Feature Demos

Click the eye icon in the editor toolbar (or run JSON Schema: Preview) to open a rendered documentation panel beside your schema.