JSON Schema Viewer & Validator

Visualize a JSON Schema as a readable tree and validate sample data against it — clear, fast, and fully in your browser.

This JSON Schema viewer draws a schema as a readable tree and validates sample data against it. Use it to understand a JSON Schema, see required fields and types at a glance, or check whether a document passes validation. It supports draft-07 and 2020-12 through Ajv and lists every validation error with the failing path. It runs in your browser.

Schema
Structure / Validate
{
"$schema": "http://json-schema.org/draft-07/schema#",
"type": "object",
"required": [
"id",
"email"
],
"properties": {
"id": { 2 items }
"email": { 2 items }
"name": { 1 item }
"roles": { 2 items }
}
}

How it works

  1. 1

    Paste a schema

    Drop a JSON Schema (draft 7 / 2020-12) into the schema pane.

  2. 2

    Explore the structure

    Browse properties, types, required fields and constraints as an expandable tree.

  3. 3

    Validate data

    Optionally paste a JSON document to check it against the schema and see any validation errors.

Instant & 100% private — nothing is uploaded

Everything runs locally in your browser. Your code, text and files are processed on your own device and are never sent to a server — so there are no upload waits, no size limits from us, and nothing is ever stored or logged.

Frequently asked questions

Which JSON Schema drafts are supported?
It uses Ajv, which supports the widely used draft-07 and draft 2019-09 / 2020-12 specifications, including formats via ajv-formats.
Can I validate data against the schema?
Yes. Paste a sample JSON document and the viewer lists every validation error with the failing path and the rule that was violated.
Does it show required fields and types?
Yes. The tree surfaces each property’s type, whether it is required, and constraints like enums, formats and min/max where present.

More tools

JSON Formatter & ValidatorBeautify, minify, validate JSON with a collapsible tree view.Code Formatter & MinifierPretty-print or minify JS, TS, CSS, HTML, JSON, SQL and more.YAML ⇄ JSON ⇄ TOML ConverterConvert config between YAML, JSON and TOML, both ways.Markdown Editor (Live Preview)Write Markdown with a live, side-by-side HTML preview.Mermaid Live EditorTurn Mermaid text into flowcharts and diagrams, live.OpenAPI & Swagger ViewerRender an OpenAPI / Swagger spec into a browsable API reference.

More from the Hivly network

Free sister tools on our other sites.

Color Palette GeneratorShuffle palettes with the spacebar, lock favourites, copy hex codes.Length ConverterMetres, feet, miles, inches, km and more, instantly.Word CounterCount words, characters, sentences and reading time live.