Schema Validator

Validate UI Potion JSON files against schemas directly in your browser. No data is sent to any server—everything runs client-side.

Select Schema Category:

Paste JSON to Validate:

Validation Results

Select a schema category and paste your JSON, then click "Validate JSON" to see results.

How It Works

Client-Side Only: All validation happens in your browser. No data is sent to any server.
Schema Support: Validates against UI Potion category schemas (Components, Layouts, Features, Patterns, Tooling).
Detailed Errors: Get specific error messages with JSON paths pointing to validation issues.
Schema References: Automatically resolves schema references ($ref) including base schemas and contracts.

Example Usage

Select the appropriate schema category for your potion (e.g., "Components" for a navbar component)
Paste your potion JSON into the text area
Click "Validate JSON" to check for errors
Review the detailed error messages and fix any issues