Text Diff View

A simple, fast, and privacy-focused text comparison tool powered by Monaco Editor.

• Overview
• Screenshots
  • Features
  • Theme
• Features
• Usage
  • Basic Comparison
  • Viewing Large Diffs
  • Generating Unified Diff
• Demo
• Download
• Support platform
• Motivation
• Development
  • Recommended IDE Setup
  • Project Setup
    • Install
    • Development
    • Build
• Technology Stack
• LICENSE

Overview

Text Diff View is a straightforward diff viewer designed to instantly compare content entered into two text boxes. It operates entirely offline to ensure privacy and reliability, and supports Unified Diff (patch format) generation for seamless developer workflows.

Screenshots

Features

Main	Unified Diff

Theme

Light	Dark

Features

• Side-by-Side Diff: Compare text with Monaco Editor's powerful diff visualization
• Unified Diff Export: Generate standard unified diff patches with syntax highlighting
• Offline First: Works completely offline - no server required, your data stays local
• Theme Support: Light and dark themes with synchronized editor and UI
• Cross-Platform: Available for Windows, macOS, and Linux
• Monaco Editor: Powered by the same editor engine used in VS Code

Usage

Basic Comparison

Simply type or paste text into the left and right text boxes. The differences will be highlighted automatically.

Viewing Large Diffs

To test with a real-world example:

1. Copy the contents of example_texts/freebsd_sbin_route/left_82641e1.txt from this repository to your clipboard and paste it into the left text box.
2. Copy the contents of example_texts/freebsd_sbin_route/right_158f319.txt from this repository to your clipboard and paste it into the right text box.

Generating Unified Diff

Click the "Show Unified Diff" button in the toolbar to:

• View the differences in standard unified diff format (patch format)
• Copy the patch to clipboard for use with git apply, patch, or other tools
• See syntax-highlighted diff output with proper ---/+++ headers and @@ hunk markers

Demo

https://sandbox.saino.me/text-diff-view/

If you don't want to download the Electron app, try the web version.

Also available as a Docker image.

Download

• Download from releases

Support platform

• Windows (x64, arm64)
• Linux (x64, arm64, AppImage, deb, rpm)
• macOS (Intel, Apple Silicon)

Motivation

1. Simple tool to compare left and right text
2. Works offline (no server required)
3. Multi-platform support (Windows, macOS, Linux)
4. Generate unified diff patches for version control workflows

The difference calculation is done using Monaco Editor (microsoft/monaco-editor). This project provides the Electron app wrapper and UI layout.

Development

Recommended IDE Setup

• VSCode + devcontainer

Project Setup

Install

$ yarn

Development

$ yarn dev

Build

# For Windows
$ yarn build:win

# For macOS
$ yarn build:mac

# For Linux
$ yarn build:linux

Technology Stack

• Framework: Electron
• UI: React + TypeScript
• Editor: Monaco Editor
• Styling: Tailwind CSS
• Build: electron-vite

LICENSE

MIT

---

Made by kaishuu0123 ✨