# Interactive Examples > Live demos mirrored as markdown with runnable Svelte source for LLMs and agents. **Source:** [https://jsonview.svelte.page/examples](https://jsonview.svelte.page/examples) **Markdown mirror:** [https://jsonview.svelte.page/examples.md](https://jsonview.svelte.page/examples.md) --- Each linked mirror includes the live page description, section notes, and fenced source for the demo components used on that page. ## Examples - [Live Playground](https://jsonview.svelte.page/examples/playground.md) - Edit JSON or JS expressions and see a live JsonView render. Swap expand strategies, toggle click-to-expand, all in the browser. (live: [https://jsonview.svelte.page/examples/playground](https://jsonview.svelte.page/examples/playground), tag: `DEMO`) - [Snippet Overrides](https://jsonview.svelte.page/examples/snippet-overrides.md) - See typed per-type Snippet overrides in action — URL linkification, relative dates, number formatting, boolean badges. (live: [https://jsonview.svelte.page/examples/snippet-overrides](https://jsonview.svelte.page/examples/snippet-overrides), tag: `SNIPPETS`) - [CSS Variable Themer](https://jsonview.svelte.page/examples/css-variables.md) - Color-pick every --sjv-* token or apply a Solarized, Dracula, or GitHub preset. Theming without swapping the style prop. (live: [https://jsonview.svelte.page/examples/css-variables](https://jsonview.svelte.page/examples/css-variables), tag: `THEMING`) - [Click to Expand](https://jsonview.svelte.page/examples/click-to-expand.md) - Toggle clickToExpandNode and beforeExpandChange veto strategies against a live tree, with an event log streaming every decision. (live: [https://jsonview.svelte.page/examples/click-to-expand](https://jsonview.svelte.page/examples/click-to-expand), tag: `INTERACTION`) - [Edge Cases](https://jsonview.svelte.page/examples/edge-cases.md) - Render every supported value type — dates, bigints, functions, nulls, empty containers, and long strings — against the canonical upstream fixture. (live: [https://jsonview.svelte.page/examples/edge-cases](https://jsonview.svelte.page/examples/edge-cases), tag: `VALUES`) - [ARIA Treeview](https://jsonview.svelte.page/examples/accessibility.md) - Inspect how @humanspeak/svelte-json-view-lite renders accessible JSON trees with labelled controls, expanded state, and keyboard focus. (live: [https://jsonview.svelte.page/examples/accessibility](https://jsonview.svelte.page/examples/accessibility), tag: `A11Y`)