How are additions and deletions color-coded?

Text & Code Diff Checker

Text & String Tools100% Client-Side

Compare two text files or code snippets side-by-side with line-by-line and character diff highlighting.

Ignore Whitespace

+5-7

Original

Modified

1-function calculateTotal(items) {

1+function calculateTotal(items, discount = 0) {

2- let total = 0;

2+ // Use modern reduce with discount support

3- for (let i = 0; i < items.length; i++) {

3+ const total = items.reduce((acc, item) => acc + item.price, 0);

4- total += items[i].price;

4+ return total * (1 - discount);

5- }

5+}

6- return total;

7-}

What is Text & Code Diff Checker?

Compare two pieces of text or code to instantly discover what has been added, modified, or removed. Features side-by-side and inline viewing modes, line numbering, and detailed difference summaries.

How to Use Online

1
Input Original TextPaste your original document, JSON payload, or base source code into the left pane.
2
Input Modified TextPaste your modified text or updated code snippet into the right pane.
3
Choose Diff ModeSwitch between Side-by-Side (two columns) or Unified (single inline stream) views.
4
Review HighlightsEasily spot added lines in green, deleted lines in red, and inline character modifications.

Key Features

Side-by-side and Inline (Unified) difference views
Word-level and character-level difference highlighting
Statistics: Count of added, deleted, and unchanged lines
Option to ignore whitespace differences and case changes
Swap original and modified text with one click

Common Use Cases

Comparing configuration files or environment variables
Checking code differences before committing to Git
Verifying output discrepancies between two API responses

Frequently Asked Questions

Additions are highlighted in green, deletions in red, and modifications show specific changed characters in a distinct tone.