Text Diff (Side-by-Side)
Compare two texts side-by-side with line-level additions and removals highlighted.
+0 added−0 removed~0 changed
About Text Diff (Side-by-Side)
This tool shows the differences between two texts in two columns — original on the left, modified on the right — with added lines highlighted in green and removed lines in red. It's the most intuitive diff view for reviewing edits, comparing config snapshots, and inspecting prose changes.
When to use it
- Reviewing edits to a document or article
- Comparing config snapshots before and after a change
- Spotting changes between two API response samples
- Side-by-side review of code or markdown changes
How it works
Both inputs are split into lines and compared with the jsdiff library's line-level diff algorithm. Each line is classified as Added, Removed, or Unchanged. The two columns align matched lines and stagger unmatched ones so the visual columns reflect the actual diff.
Examples
Left: 'foo\nbar\nbaz'\nRight: 'foo\nbar\nqux'
First two lines match; third line shows 'baz' → 'qux'
Frequently asked questions
- Is the diff at line or character level?
- Line-level. For character-level diff within a line, use the unified diff tool — it offers an option to highlight intra-line changes.
- Is my text uploaded?
- No. The diff runs entirely in your browser.
- How is order handled for very different files?
- The diff algorithm finds the longest common subsequence — even if you've reordered paragraphs, matching lines will pair up across the columns.