<json-viewer>

A single-file, zero-dependency custom element that renders syntax-highlighted JSON

❤️ Proudly uses open-wc tools and recommendations.

Using JSON Script Elements

Regular JSON

JSON with Linked Data

Using the Object Attribute

Errors

Bad JSON Attribute

Using JavaScript

Setting the `object` property

Handling Errors

Objects with HTMLElement properties