Skip to content

Repository files navigation

Diffraction

License Live Demo

A fast, client-side tool for comparing two blocks of text or code and highlighting their differences. No server, no build step, no data ever leaves your browser.

Try it live

Features

  • ⚡ Live, side-by-side diffing as you type
  • 🔍 Character-level highlighting within changed lines (e.g. spot exactly which part of a docker-compose image SHA changed)
  • 🎛️ Ignore-whitespace and ignore-case toggles
  • 🔁 Swap, Clear, and Copy-result actions
  • 🔒 Works entirely client-side — nothing is uploaded anywhere
  • ⚙️ Powered by jsdiff and Pico CSS
  • 🚀 Fast, simple architecture — plain HTML, CSS, and JS

Running locally

This project has no build step. Serve the directory with any static file server and open it in a browser:

npx serve .
# or
python3 -m http.server

Running tests

The core diff logic is unit tested with Node's built-in test runner:

npm install
npm test

Project docs

License

MIT

About

A fast, client-side tool for comparing two blocks of text or code. No server, no build step.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Used by

Contributors

Languages