FLUTTER ECOSYSTEM

json_view

A json preview package that has a not bad performance. lazy load json tree node that cause less jank. Support display large list json data like chrome dev tool.

json_view cover
Latest version
0.4.2
30-day downloads
11.1K
Likes
24
Pub points
150

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Overview

json_view is a Flutter package designed to efficiently display JSON data with high performance. It uses lazy loading to render JSON tree nodes on demand, minimizing jank and improving responsiveness—especially when handling large datasets. Inspired by Chrome DevTools, it supports intuitive navigation and visual inspection of complex JSON structures across multiple platforms. The package is ideal for debugging, development tools, or any app requiring interactive JSON visualization.

Use cases
  • Debugging JSON responses
  • Visualizing API payloads
  • Inspecting configuration files
  • Developing data-driven apps
  • Real-time JSON monitoring
Key features
  • Lazy-loaded JSON tree rendering
  • High performance with large datasets
  • Chrome DevTools-like interface
  • Cross-platform support (Android, iOS, Web, macOS, Windows, Linux)
  • Minimal jank during scrolling or expansion
Suitable for
  • Developers building debug tools
  • Apps needing JSON inspection
  • Frontend teams analyzing API data
  • Educational apps demonstrating JSON structure
  • Applications with heavy JSON processing
Considerations
  • May require optimization for extremely deep nested JSON
  • Best results with moderate to large JSON sizes
  • Limited customization for UI styling
  • Not intended for production data editing
  • Performance depends on device capabilities
Supported platformsAndroidiOSWebmacOSWindowsLinux

Install package

flutter pub add json_view

Categories

Source repository

Related projects