Compare two texts side by side
Spot every addition, deletion, and unchanged line. Built on the classic LCS algorithm — fast, deterministic, and entirely local.
How the diff works
We run the Longest Common Subsequence (LCS) algorithm over the lines of both texts, then walk the resulting DP table to emit equal, added, and removed rows.
- 01
Paste both versions
Original on the left, changed on the right.
Inputs are treated as UTF-8 throughout the pipeline and validated client-side as you type — nothing dispatches until the value is well-formed.
inpututf-8client-sidevalidatedinput · texttwo sides · setA vs B
loaded · parsedclient-side - 02
Skim the colours
Green is new, red is removed, neutral is unchanged.
Each toggle re-computes through a memoised hook, so flipping options never resets your input and the UI stays snappy on large inputs.
legendoptionslivememoisedtoggleslegend · memoised+−= · live+ added − removed
options set · memoisedlive - 03
Check the counts
Header tallies live as you edit.
Randomness — where used — comes from
crypto.getRandomValues, neverMath.random. Heavy work sits inuseMemo.statscomputeinstantlocaldeterministicadded · instant2 · computed+2 / −1
computed · instantinstant - 04
Refine the inputs
Tweak whitespace or wording and watch the diff update.
Copy writes through
navigator.clipboardand downloads use aBlob— zero network traffic. Same input plus same options always yield the same bytes.editcopydownloadzero-networkreproducibleok · copiedready · copiedlive
shipped · ready to shipsuccess
Pro tips for everyday utilities
Reach for crypto.getRandomValues
Cryptographically random for IDs, tokens, salts. Math.random is for animation and games, not security.
Mock data with seeds
Faker-style libraries can be seeded so tests are reproducible. Embed the seed in the fixture file.
Reference cards beat memory
Cheatsheets for Vim, Git, Docker, Linux signals are faster than man pages when you’re mid-flow.
Browser APIs vary
Touch events, gamepads, and clipboard differ across vendors. Feature-detect before use.
Persist in the right place
localStorage for user preferences, sessionStorage for transient state, IndexedDB for structured data.
When to compare text
Reviews, drafts, configs.
Code review
Spot edits in copy-pasted snippets faster than the eye. Random values come from crypto.getRandomValues — cryptographically secure for tokens, salts, and session IDs. Math.random is deterministic enough for animations but predictable enough to be a security bug.
CSPRNG-backedDraft revisions
Compare two versions of a doc paragraph. Pair with hashids, ULID, or UUID v7 when you need both random and sortable — useful for primary keys, public-facing IDs, and event log ordering without a sequence column.
reproducibleConfig audits
Diff two snippets of YAML or env files. Output is deterministic given the same seed, so fixtures and tests stay reproducible across CI runs and contributor machines. Embed the seed in the fixture file for full replay.
snappyLog triage
Catch the one log line that changed between runs. Heavy work runs through useMemo so the UI stays snappy on large inputs. Same input + same options yields identical bytes — the kind of stability snapshot tests rely on.
feature-detectedMigration QA
Confirm what's different between API responses. Storage tools persist to the right backend: localStorage for user preferences, sessionStorage for transient state, IndexedDB for structured data. Pick the right shelf and quota worries disappear.
deterministicLocalisation diff
See how a translation drifted from the source. Browser feature detection: clipboard, fullscreen, gamepad, and Web Bluetooth APIs gracefully fall back when unavailable. No surprise white screens on Safari or older Firefox.
i18nFrequently asked questions
Something missing?
Tell us what you need. We ship the top requests every two weeks.