Moka.Blazor.Json

A high-performance Blazor JSON viewer and editor component with virtualized rendering, search, theming, and extensible context menus.

Get Started

dotnet add package Moka.Blazor.Json

// Program.cs
builder.Services.AddMokaJsonViewer();

@using Moka.Blazor.Json.Components

<MokaJsonViewer Json="@myJson" />

Key Features

• Virtualized rendering — handles documents up to 2 GB with lazy parsing and smooth scrolling
• Inline editing — double-click to edit values, rename keys, add/delete nodes with undo/redo
• Search — plain text, regex, case-sensitive with match navigation
• Theming — light, dark, auto, or fully custom via CSS variables
• Context menu — built-in actions + extensible custom actions with type/property filtering
• Lazy parsing — documents over 50 MB use byte-offset indexing with on-demand subtree parsing
• Streaming search — search large documents without loading the full DOM
• AI assistant — optional AI chat panel for JSON analysis, summarization, and transformation
• Zero dependencies — core library built on System.Text.Json

Packages

Next Steps

• Getting Started — installation, setup, and basic usage
• Configuration — global options and collapse modes
• AI Assistant — set up the AI chat panel
• API Reference — full API documentation