Skip to content
@JsonViewer-Component

JsonViewer Component

Modern, cross-platform JSON viewer components for Blazor, React, Angular & Vue

🔍 JsonViewer Organization

JsonViewer-Component Logo

Modern, performant JSON viewer components for every framework

GitHub Org License PRs Welcome

🏠 Home📚 Docs🤝 Contribute💬 Discussions


🌟 Our Projects

Framework Repository Status Version Downloads
🟦 Blazor JsonViewer.Blazor Active NuGet Downloads
⚛️ React JsonViewer.React 🚧 Planned - -
🅰️ Angular JsonViewer.Angular 🚧 Planned - -
💚 Vue JsonViewer.Vue 🚧 Planned - -

✨ Key Features

🎨 Modern UI

  • VSCode-inspired dark/light themes
  • Syntax highlighting
  • Collapsible tree structure
  • Line numbers

High Performance

  • Virtual scrolling for large files
  • Lazy rendering
  • Optimized for 100MB+ JSON
  • Minimal bundle size

🔧 Developer Friendly

  • Zero dependencies
  • Self-contained components
  • TypeScript/C# support
  • Extensive documentation

🌐 Cross-Platform

  • Works in all modern browsers
  • Blazor Server & WebAssembly
  • React 18+ support
  • Angular 15+ support

🚀 Quick Start

Blazor

# Install via NuGet
dotnet add package JsonViewer.Blazor
@page "/"
@using JsonViewer.Blazor

<JsonViewer JsonData="@myJsonString" />

@code {
private string myJsonString = "{\"name\":\"JsonViewer\",\"version\":\"1.0\"}";
}

React (Coming Soon)

npm install @jsonviewer/react
import { JsonViewer } from '@jsonviewer/react';

function App() {
  return <JsonViewer data={{ name: "JsonViewer" }} />;
}

📚 Documentation


🎯 Mission & Vision

Mission

Build the best JSON viewing experience across all modern web frameworks with a focus on:

  • ✅ Performance
  • ✅ Developer experience
  • ✅ Accessibility
  • ✅ Open collaboration

Vision

Become the go-to solution for JSON visualization in web applications, with support for every major framework and a thriving open-source community.


🤝 Contributing

We ❤️ contributions! Here's how you can help:

  1. 🐛 Report Bugs: Open an issue
  2. 💡 Suggest Features: Start a discussion
  3. 🔧 Submit PRs: Check our Contribution Guide
  4. ⭐ Star Projects: Show your support!

Top Contributors


📊 Project Stats

GitHub Org Stars Total Downloads Active Projects Contributors


📄 License

All JsonViewer projects are licensed under the MIT License - see individual repositories for details.


📞 Contact & Support


Made with ❤️ by the JsonViewer Community

Star us on GitHub — it motivates us a lot!

⬆ Back to Top

Pinned Loading

  1. Blazor Blazor Public

    This is a repository of JsonViewer .

    HTML 3

  2. Documents Documents Public

    Central documentation and demo hub for all JsonViewer components

    HTML

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…