praneshr/react-diff-viewer
A simple and beautiful text diff viewer component made with Diff and React. observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2897
- days_rel: n/a
- days_push: 888
- n_releases_24m: 0
Adoption not part of the score
1665 stars · 311 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A React component that renders text and code diffs in split or inline views, built on top of jsdiff. It supports word-level diffing, line highlighting, and customization of styles and themes.
Use cases
- show code changes in a react app
- display side-by-side text diff component
- compare two versions of a file in the browser
- render github-style diff viewer in react
- highlight word-level changes between strings
- code review diff ui component
When to choose
- you need a drop-in React component for displaying text or code diffs
- you want split or inline diff views with word-level highlighting
- you need a customizable, lightweight diff viewer inspired by GitHub's UI
When to avoid
- you need to compute or parse diffs outside a React UI
- your project is not React-based
- you need full file-system or git repository diffing rather than string comparison
Facets
library · maturity maintenance
ui-components frontend-framework frontend web-development developer-tools version-control cross-platform react diff-viewer code-compare react-component syntax-highlighting split-view nodejs web-server
3 sources
- readme: https://github.com/praneshr/react-diff-viewer · fetched 2026-08-28 · f45b341f5efb
- homepage: https://praneshravi.in/react-diff-viewer/ · fetched 2026-08-29 · 554d53893e4b
- registry_npm: https://registry.npmjs.org/react-diff-viewer · fetched 2026-08-29 · b7cbae742315
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| praneshr/react-diff-viewer | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="praneshr/react-diff-viewer")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem