Overview

The ngx-json-viewer is a powerful JSON formatter and viewer designed specifically for Angular applications. This library is ideal for developers looking to represent complex JSON data in a more readable and organized manner. With its easy integration into Angular projects, it simplifies the process of visualizing JSON structures, enhancing both the development experience and the end-user interaction.

Whether you're working with Angular 14 or older versions like Angular 5, ngx-json-viewer provides a seamless way to implement JSON formatting features. The ability to customize displays through theming makes it adaptable to various use cases and design preferences.

Features

Easy Integration: Simply import NgxJsonViewerModule in your app.module.ts to get started quickly.
Custom Node Expansion: You can set the viewer to collapse all nodes initially or expand up to three levels, providing flexibility in how data is presented.
Rich Theming Options: Use CSS variables to customize the colors and styles of different data types, such as strings, numbers, booleans, and arrays for a tailored visual experience.
Comprehensive Data Types Support: The viewer supports formatting for various JSON elements, including functions, null values, and undefined values, ensuring that no aspect of your JSON data is overlooked.
Interactive Viewer: The built-in toggler feature allows users to easily collapse or expand sections of the JSON data for better readability.
Font Customization: Adjust font-family and font-size through CSS variables to match your app's design aesthetics.
Cross-Version Compatibility: Works with modern Angular versions and provides support for older ones, ensuring flexibility in development environments.

Hivivo

Ngx Json Viewer

ThreeJS ES6 Boilerplate