Text diff checker

Compare texts side-by-side, spot differences instantly

Overview

The Text Diff Checker compares two pieces of text and highlights the differences. Whether you're reviewing document edits, comparing code changes, or checking if two texts are identical - this tool shows you exactly what was added, removed, or changed. Choose from 4 comparison modes (Line, Word, Character, Unified) to find differences at the level of detail you need.

4 Comparison modes
Line, Word, Character, or Unified (Git-style)
Side-by-side view
Original and Modified panels next to each other
17 File formats
TXT, MD, CSV, JSON, XML, HTML, CSS, JS, DOCX and more
Fullscreen mode
Expand for focused text comparison

Interface layout Overview

The Text Diff Checker interface is divided into several areas. Understanding the layout helps you work efficiently:

1

Comparison mode selector

At the top, you'll find 4 mode buttons:
Line
Word
Character
Unified

2

Input panels (side-by-side)

Below the mode selector are two text input areas:
Original text (left) - for your base/old version
Modified text (right) - for the changed/new version

Each panel has its own action buttons and supports drag-and-drop.

3

Action buttons

Between and around the input panels:
COMPARE button - starts the comparison
Swap button - exchanges the two texts

4

Diff result panels

After clicking COMPARE, two result panels appear below:
Original result - shows deletions (what was removed)
Modified result - shows additions (what was added)

5

Options bar

At the bottom, you'll find checkboxes for fine-tuning:
Auto-convert
Sync Scroll
Ignore Whitespace
Ignore Case

6

Statistics bar

Shows comparison stats:
TOTAL changes
ADDED lines/words
REMOVED lines/words

7

Favorites tab

On the right edge of the screen, you'll find the Favorites tab. Click it to add this tool to your favorites for quick access from the homepage.

Text Diff Checker interface layout overview
Complete interface with comparison modes, input panels, results, and statistics

Comparison modes 4 Modes

Choose how detailed you want the comparison to be. Each mode analyzes differences at a different level:

1

Line mode (Line-by-line)

Compares entire lines at once. If any character in a line differs, the whole line is marked as changed.

Best for: Code comparisons, configuration files, structured data where each line is a logical unit.
Example: Changing color: red; to color: blue; marks the entire line as modified.

2

Word mode (Word-by-word)

Compares individual words. Shows exactly which words were added, removed, or changed while keeping unchanged words visible.

Best for: Document editing, prose, articles, emails - any natural language text.
Example: "The quick brown fox" vs "The fast brown dog" highlights "quick→fast" and "fox→dog".

3

Character mode (Char-by-char)

Compares every single character. The most detailed mode - shows exact letter-by-letter differences.

Best for: Finding typos, checking exact strings, verifying data entry, comparing short texts.
Example: "colour" vs "color" highlights the "u" as removed.

4

Unified mode (Git-style)

Shows differences in a single combined view (like Git diff output). Lines starting with - are removed, lines starting with + are added.

Best for: Developers familiar with Git, creating patch files, reviewing code changes.
Example: Shows - old line and + new line in sequence, similar to git diff output.

4 comparison modes: Line, Word, Character, Unified
Choose from 4 comparison modes for different levels of detail
Which mode to choose?
Start with Word mode for documents and Line mode for code. Use Character mode only when you need extreme detail, and Unified mode if you're comfortable with Git-style diffs.

Original text panel Left Panel

The Original text panel (on the left) is where you enter your base version - the "before" or "old" text that you're comparing against:

1

Panel header

Shows Original text label with three action buttons on the right:
Upload: Opens file browser
Paste: Pastes from clipboard
Clear: Removes all content

2

Upload button

Click the upload icon to open your file browser. Select any supported file type (TXT, MD, JSON, etc.). The file content loads into the text area automatically.

3

Paste button

Click the clipboard icon to paste text from your clipboard. This is the fastest way to input text you've already copied from another source.

4

Clear button

Click the trash icon to instantly remove all text from the panel. Use this to start fresh with new content.

5

Drop zone

The main text area shows Drop your file here or type/paste text when empty. You can:
Type text directly
Paste with Ctrl/⌘+V
Drag and drop a file onto the area

Supported formats are listed below the drop zone.

Original text panel with upload, paste, and clear buttons
Original text panel for entering your base/old version
Drag and drop
The fastest way to load files: simply drag a file from your file explorer and drop it directly onto the Original text panel.

Modified text panel Right Panel

The Modified text panel (on the right) is where you enter your changed version - the "after" or "new" text with modifications:

1

Panel header

Shows Modified text label with five action buttons:
Upload: Opens file browser
Paste: Pastes from clipboard
Clear: Removes all content
Download: Saves the text
Fullscreen: Opens fullscreen mode

2

Upload button

Same as Original panel - click to browse and select a file. The file content loads into this panel.

3

Paste button

Click to paste text from your clipboard into the Modified text area.

4

Clear button

Click the trash icon to clear all content from the Modified text panel.

5

Download button

Click the download icon to save the Modified text as a file. Useful for saving your edited version after comparing.

6

Fullscreen button

Click the expand icon to open the fullscreen "Text comparison" mode. This provides a larger workspace for comparing longer texts. See the Fullscreen mode section for details.

Modified text panel with upload, paste, clear, download, and fullscreen buttons
Modified text panel for entering your changed/new version
Two extra buttons
The Modified panel has Download and Fullscreen buttons that the Original panel doesn't have - because you typically want to save or focus on the new/changed version.

Supported file types

The Text Diff Checker supports 17 file formats for easy file-based comparison. Drag and drop or upload any of these file types:

TXT
Plain text files. The most common format for simple text content.
MD
Markdown files. Popular for documentation, README files, and formatted text.
CSV
Comma-separated values. Spreadsheet data with comma delimiters.
TSV
Tab-separated values. Spreadsheet data with tab delimiters.
JSON
JavaScript Object Notation. Structured data format widely used in APIs.
XML
Extensible Markup Language. Structured data with tags.
HTML
Web page markup. Compare HTML templates or page content.
CSS
Stylesheet files. Compare CSS rules and styling changes.
JS
JavaScript files. Compare code changes in scripts.
SQL
SQL queries and database scripts. Compare database changes.
DOCX
Microsoft Word documents. Text content is extracted for comparison.
ODT
OpenDocument Text. LibreOffice/OpenOffice documents.
LOG
Log files. Compare server logs, application logs, etc.

Compare & Swap Actions

Between the input panels, you'll find two main action buttons that control the comparison:

1

COMPARE button

The large COMPARE button starts the comparison process:

How to use:
Enter text in both Original and Modified panels
Click the COMPARE button
Wait for the analysis (instant for most texts)
View results in the diff panels below

The button is prominent because it's the main action you'll use.

2

Swap button

The Swap button exchanges the content of both panels:

What it does:
Original text moves to Modified panel
Modified text moves to Original panel

When to use:
You accidentally put texts in wrong panels
You want to see the diff from the opposite perspective
You want to reverse the "before/after" relationship

3

Re-comparing after changes

If you edit text after comparing:
The diff results remain visible
Click COMPARE again to update the results
Changes in the input panels don't auto-update the diff

COMPARE button and Swap button between panels
COMPARE button starts comparison, Swap exchanges panel contents
Quick swap
Made a mistake loading files into the wrong panels? Click Swap instead of re-uploading. It's much faster!

Diff result panels Results

After clicking COMPARE, two result panels appear below the input areas, showing the actual differences:

1

Original result panel

Shows the Original text with deletions highlighted:
Text appears with the same content as your original input
Deleted content (removed in modified version) is highlighted in red
Unchanged content appears in normal styling
Has a Fullscreen button to expand this panel

2

Modified result panel

Shows the Modified text with additions highlighted:
Text appears with the same content as your modified input
Added content (new in modified version) is highlighted in green
Unchanged content appears in normal styling
Located next to the Original result for easy side-by-side comparison

3

Side-by-side alignment

The two result panels are aligned side-by-side so you can:
See both versions simultaneously
Compare deletions (left) with additions (right)
Understand what changed at a glance

With Sync Scroll enabled, scrolling one panel scrolls the other.

4

Fullscreen result view

Each result panel has a Fullscreen button:
Click to expand that specific result panel
Useful for reviewing long diffs
Click again or press Escape to exit fullscreen

Diff result panels showing Original with deletions and Modified with additions
Side-by-side diff results with red deletions and green additions
Understanding the split
Original shows what was REMOVED (red). Modified shows what was ADDED (green). Together, they tell the complete story of changes.

Comparison options 4 Options

At the bottom of the interface, you'll find 4 checkbox options that fine-tune how the comparison works:

1

Auto-convert

When enabled: Automatically re-compares whenever you type or paste text.
When disabled: You must manually click COMPARE to see differences.

Best practice: Enable for small texts, disable for large texts (to avoid lag while typing).

2

Sync Scroll

When enabled: Scrolling one result panel automatically scrolls the other panel to the same position.
When disabled: Each panel scrolls independently.

Best practice: Keep enabled to maintain alignment when reviewing long texts.

3

Ignore Whitespace

When enabled: Differences in spaces, tabs, and indentation are ignored.
When disabled: Every whitespace difference is highlighted.

Use cases:
Enable for code (focus on logic, not formatting)
Enable for reformatted documents
Disable when whitespace matters (poetry, fixed-width data)

4

Ignore Case

When enabled: "Hello" and "hello" are treated as identical.
When disabled: Case differences are highlighted as changes.

Use cases:
Enable for case-insensitive data
Disable for code (case usually matters)
Disable for formal documents where capitalization matters

Comparison options: Auto-convert, Sync Scroll, Ignore Whitespace, Ignore Case
4 options to fine-tune the comparison behavior
Code comparison tip
For comparing code: use Line mode + Ignore Whitespace enabled + Sync Scroll enabled. This focuses on actual code changes while keeping panels aligned.

Statistics bar Stats

The statistics bar provides a quick numerical summary of the comparison results:

1

TOTAL

Shows the total number of differences found between the two texts. This is the sum of additions and removals.

Interpretation:
0 = texts are identical
Low number = minor changes
High number = significant differences

2

ADDED

Shows how many lines/words/characters were added in the modified version (shown in green in the diff).

What counts as "added":
New lines that didn't exist before
New words inserted into existing lines
Characters added to words (in character mode)

3

REMOVED

Shows how many lines/words/characters were removed from the original (shown in red in the diff).

What counts as "removed":
Lines deleted entirely
Words removed from sentences
Characters deleted from words (in character mode)

4

Interpreting the stats

Example interpretations:
ADDED > REMOVED = Content was expanded
REMOVED > ADDED = Content was shortened
ADDED = REMOVED = Content was replaced (same length)
TOTAL = 0 = Texts are identical

Statistics bar showing TOTAL, ADDED, and REMOVED counts
Statistics bar with comparison summary

Fullscreen mode 2 Fullscreen views

Text Diff Checker offers two fullscreen modes for expanded workspace - one for text input and one for diff results:

1

Text comparison fullscreen

Click the Fullscreen button in the Modified text panel header. This opens the "Text comparison" fullscreen view for editing and entering text before comparing.

2

Text comparison layout

In text comparison fullscreen, the panels are arranged vertically (stacked):
Original text panel on top
Modified text panel below

You can still edit text, drag and drop files, and use all input features.

Text comparison fullscreen mode with stacked input panels
Text comparison fullscreen for entering and editing texts
3

Diff comparison fullscreen

After running a comparison, click the Fullscreen button on either diff result panel (Original or Modified). This opens the "Diff comparison" fullscreen view for reviewing the highlighted differences.

4

Diff comparison layout

In diff comparison fullscreen, you see the full diff results with:
All highlighted additions (green) and deletions (red)
Larger viewing area for reviewing long diffs
Export button to save the comparison results

Diff comparison fullscreen mode showing highlighted differences
Diff comparison fullscreen for reviewing highlighted changes
5

Fullscreen header controls

Both fullscreen views have similar header controls:
Title on the left (Text comparison or Diff comparison)
Export/Download button: saves content or opens export modal
Exit button: Returns to normal view

6

Exit fullscreen

To exit any fullscreen mode:
Click the X button in the header
Press the Escape key on your keyboard
The view returns to the normal side-by-side layout

When to use fullscreen
Use text comparison fullscreen for entering long texts. Use diff comparison fullscreen for reviewing detailed changes. Both give more room for each line.

Export modal Save results

The Export document modal lets you save your comparison results in multiple formats for documentation, sharing, or record-keeping.

1

Open export modal

Click the Export/Download button in the diff comparison fullscreen header. The Export document modal opens with three format options.

2

Export as TXT

Click TXT to export the diff results as a plain text file (.txt). This preserves the text content without formatting - useful for basic documentation and logs.

3

Export as MD

Click MD to export the diff results as a Markdown file (.md). Markdown preserves some formatting and is perfect for documentation, GitHub READMEs, or note-taking apps.

4

Export as DOCX

Click DOCX to export the diff results as a Microsoft Word document (.docx). Open directly in Word, Google Docs, or any office application - ideal for reports and formal documentation.

Export document modal with TXT, MD, and DOCX format options
Export your comparison results in TXT, MD, or DOCX format
Which format to choose?
Use TXT for plain text logs. Use MD for documentation and GitHub. Use DOCX for formal reports that need to be opened in Word or similar applications.

Step-by-step guide Complete Workflow

Follow this complete workflow to compare two texts from start to finish:

1

Choose comparison mode

Before adding text, select your preferred comparison mode:
Line: for code and structured data
Word: for documents and prose (recommended default)
Character: for finding exact character differences
Unified: for Git-style diff output

2

Load the original text

Add your base/old version to the Original text panel (left):
Type directly in the text area
Paste using the Paste button or Ctrl/⌘+V
Upload a file using the Upload button
Drag and drop a file onto the panel

3

Load the modified text

Add your changed/new version to the Modified text panel (right):
Use any of the same methods as for Original
This is the "after" version you're comparing

4

Configure options

Set the comparison options based on your needs:
Enable Sync Scroll for aligned viewing
Enable Ignore Whitespace for code comparisons
Enable Ignore Case if capitalization doesn't matter

5

Click COMPARE

Click the COMPARE button to run the comparison. The diff result panels will appear below showing the highlighted differences.

6

Review the differences

Examine the diff results:
Red in Original = content that was removed
Green in Modified = content that was added
Check the Statistics bar for counts
Use Sync Scroll to navigate both panels together

7

Use fullscreen if needed

For long texts, click Fullscreen on the Modified panel to expand the comparison view. Review changes in the larger workspace.

8

Download or copy results

When done:
Use Download in fullscreen to save the comparison
Copy specific sections as needed
Click Clear to start a new comparison

Quick comparison
For the fastest comparison: paste both texts, click COMPARE, done! The default Word mode works well for most use cases.

Understanding color coding

The diff results use consistent color coding to indicate different types of changes:

Green = Added
Text highlighted in green was ADDED in the modified version. It exists in the new text but not in the original.
Red = Removed
Text highlighted in red was REMOVED from the original. It existed in the old text but not in the modified version.
Both = Changed
When you see red in Original and green in Modified at the same position, something was changed (old removed, new added).
No highlight = Unchanged
Text without any color highlighting is identical in both versions. It provides context around the changes.
Visual scanning
Quickly scan for colored sections to find changes. No color = no changes in that area.
Side-by-side comparison
Red on left (removed) corresponds to green on right (added) - showing what was replaced with what.

Tips for effective comparison

Document revision
Comparing two versions of a document? Use Word mode with Ignore Whitespace enabled. This highlights actual content changes without flagging formatting differences.
Code review
For code comparisons, use Line mode. Enable Ignore Whitespace to focus on logic changes rather than indentation. Unified mode is also great if you're familiar with Git diffs.
Finding typos
To find small typos or misspellings, use Character mode. It shows exact letter-by-letter differences, perfect for spotting "recieve" vs "receive".
Wrong panels?
Loaded files into the wrong panels? Use the Swap button instead of re-uploading. It instantly exchanges the content.
Long texts
For long documents or code files, use Fullscreen mode. The vertical stacked layout gives more room for each line.
Keep sync scroll on
Always keep Sync Scroll enabled when comparing. It ensures both panels stay aligned as you scroll through changes.
Drag and drop files
The fastest way to load content: drag files directly onto the panels. Works with all 13 supported file types.
Check the stats
Before diving into details, check TOTAL, ADDED, REMOVED stats. They give you a quick sense of how much changed.

Frequently asked questions

Use Word mode for documents and prose - it's the best default. Use Line mode for code and configuration files. Use Character mode when you need to find tiny differences like typos. Use Unified mode if you prefer Git-style diff output.
In Line mode, changing any part of a line marks the entire line as changed. Switch to Word or Character mode for finer detail. These modes highlight only the specific words or characters that differ.
Yes! Drag and drop files onto either panel, or use the Upload button.
The tool supports 13 file formats: TXT, MD, CSV, TSV, JSON, XML, HTML, CSS, JS, SQL, DOCX, ODT, and LOG.
Whitespace differences (extra spaces, tabs vs spaces, different indentation) often aren't meaningful changes, especially in code. Ignoring them lets you focus on actual content changes.
Swap exchanges the content of both panels - Original becomes Modified and vice versa. Useful if you accidentally loaded files into the wrong panels.
Use the Download button available in the Modified panel or in Fullscreen mode. This saves the comparison for your records.
The tool runs in your browser, so very large texts (several megabytes) might be slower to process. For normal documents, code files, and typical content, there's no practical limit.
ADDED counts content that's new in the Modified version (shown in green). REMOVED counts content that was in the Original but deleted (shown in red). TOTAL is the sum of both.
Yes! Upload or drag a DOCX file onto either panel. The tool extracts the text content for comparison. Note that formatting (bold, fonts, etc.) isn't preserved - only the text content is compared.
Make sure the Sync Scroll checkbox is enabled in the options bar at the bottom. When enabled, scrolling one result panel will automatically scroll the other to match.

Ready to compare?

Find every difference between two texts instantly with 4 comparison modes.

Open Text Diff Checker

Documentation