Diff Viewer

Compare two text or code blocks side by side with visual highlighting of differences. Perfect for code reviews, document comparison, and tracking changes between versions.

🔧 Tool Features:

  • Side-by-Side: Compare texts in a clean side-by-side layout
  • Visual Highlighting: Color-coded differences (green=added, red=removed)
  • Line Numbers: Optional line numbering for easy reference
  • Whitespace Options: Choose to ignore or include whitespace differences
  • Statistics: View counts of additions, deletions, and modifications
  • Swap Texts: Quickly switch left and right text blocks

✅ Perfect For:

  • • Code reviews and pull request analysis
  • • Comparing different versions of documents
  • • Finding changes between configuration files
  • • Analyzing API response differences
  • • Checking script or markup modifications
  • • Educational purposes for learning version control

🎨 Color Legend:

Added lines (green)
Removed lines (red)
Unchanged lines

💡 Pro Tips:

  • • Use &quotLoad Example&quot to see how the diff viewer works
  • • Toggle &quotIgnore whitespace&quot when comparing formatted code
  • • Use line numbers for precise reference when discussing changes
  • • Copy individual text blocks using the copy buttons
  • • Swap texts quickly to change perspective on differences
  • • All comparison happens locally - no data sent to servers