made with react.js

#UI Components
icon-eye-dark Created with Sketch. 168

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

Related Projects


Electron React Titlebar Title Bar Component for Electron
#UI Components
icon-eye-dark Created with Sketch. 824
Intergalactic Semrush's Design System
#UI Components #UI Library
icon-eye-dark Created with Sketch. 407
Sentry for React React Application Monitoring
💙 Sponsored by Friends
image-ring Created with Sketch.
Do you want to marry us? Subscribe to our newsletter!
Get our Newsletter
React Native Magic Modal React Native Modal Library
#Native #UI Components
icon-eye-dark Created with Sketch. 400
Material-UI Dropzone File Upload Dropzone Component
#UI Components #Forms
icon-eye-dark Created with Sketch. 12.254
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more