JSON Schema Preview

Preview, validate, and work with JSON Schemas — including private ones — right inside VS Code.

Renders schemas as clean HTML documentation.

Validates JSON, YAML, and TOML data files inline.

Handles schemas behind authentication (GitHub private repos, Artifactory, any HTTP endpoint) with zero friction.

Highlights

• Preview — schemas rendered as live, navigable HTML documentation in a side panel.

• Validate & bind — bind a schema to a data file (or use its inline $schema) and catch errors in the Problems panel.

• Private schemas — authenticate against GitHub, Artifactory, or any HTTPS endpoint, and cache schemas locally so IntelliSense works too.

• Generate — infer a schema from existing data, generate valid sample data from a schema, or generate typed code from a schema (TypeScript, Python, Go, Rust, Java, C#, and more).

📖 Full documentation & feature list — visual editing, schema catalogs, $ref navigation, bundling, diffing, linting, and more.

Supports JSON, YAML, JSONC, JSONL, and TOML formats

Getting Started

Install from the VS Code Marketplace, then open a file with a $schema field and run JSON Schema: Preview — or bind a schema to a data file and run JSON Schema: Validate This File.

Getting Started guide → — installation, requirements, and workspace trust.

Private & Authenticated Schemas

When a schema is behind authentication, VS Code's language server can't fetch it — it draws a red squiggle and IntelliSense goes dark. This extension authenticates on your behalf (GitHub OAuth, Bearer token, or Basic auth) and can cache the schema locally so the built-in language servers see it too.

Authentication guide →

Commands

All features are reachable from the Command Palette, with matching editor toolbar icons for the active file.

Full command reference →

Configuration

All settings live under the jsonschema.* namespace (User, Workspace, or Folder scope). Drop a .json-schema-preview-config.json in your workspace root to customise the json-schema-for-humans renderer.

Full settings reference →

Security, Privacy & Accessibility

• Zero telemetry — the extension collects and transmits nothing about your usage; the only network requests it makes are the ones you trigger.

• Hardened webviews — a nonce-based Content Security Policy and HTML-escaped schema content in every panel.

• Offline-friendly — falls back to the last cached schema copy when the network is unreachable, and tells you it did so.

• Accessible by default — every injected control is keyboard-operable and screen-reader-labelled; state is never colour-only.

Credits

Rendering powered by json-schema-for-humans. Code generation powered by quicktype-core (Apache License 2.0).