logo svelte /json view lite v0.2.0
FIG-001/ DEMO

live playground.

Edit JSON in real time, switch expansion behavior, and preview the rendered tree without leaving the page.

  • Edit raw JSON or a JS expression and the tree re-renders as you type, with inline parse errors when the input is invalid.
  • Swap the expand strategy between allExpanded and collapseAllNested, and toggle clickToExpandNode live.
  • The preview is the real packaged JsonView — what you see is exactly what ships in your app.
↩ all examples
input · jsonpreview · JsonView mode · live running source
parse
expand
{
    active:true,
    nextReview:null
}
category · demo
sheet · sheet 01 / 01
⟳ to re-run

Live Playground