made with react.js

React Diff Viz

Diff & Render JSON Data

Visit Site

Description

Diff & Render JSON Data

"react-diff-viz is a React component that compares and renders complex object differences.

This component integrates a diff algorithm and visual rendering."

  • The left and right columns display the data, aligned to the height of corresponding field, and colored the different fields
  • The component comes with the diff function. You can customize the diff function for fields
  • The component has its own rendering function. You can customize rendering functions for fields
  • Supports comparison of nested objects and arrays

Social Media Links

Actify Material Design Component Library
icon-eye-dark Created with Sketch. 166
Shadcn UI Kit Collection of UI Building Blocks
icon-eye-dark Created with Sketch. 188
Sentry for React React Application Monitoring
💙 Sponsored by Friends
image-koala Created with Sketch.
Make this Koala happy and follow us on X!
React Grid Gallery Grid Gallery Component
icon-eye-dark Created with Sketch. 1.883
Helsinki Design System Design System of the City of Helsinki
icon-eye-dark Created with Sketch. 393