CSS
CSS Gradient Generator
Build linear and radial gradients with multiple color stops and copy the CSS.
Text Diff Checker
Compare two texts and see added, removed and changed lines with word-level highlights.
Texts
0 lines · 0 chars
0 lines · 0 chars
Differences
Nothing to compare yet
Paste text into both fields, or try the sample.
How to use
- Paste the original text on the left and the changed text on the right.
- The comparison updates as you type — choose split or unified view.
- Ignore whitespace or letter case if those differences don't matter to you.
- Copy the result as a unified diff to share it or apply it as a patch.
Frequently asked questions
Is my text sent to a server?
Is my text sent to a server?
No. The comparison runs entirely in your browser, so you can safely compare private code or documents.
What does "ignore whitespace" do?
What does "ignore whitespace" do?
Lines that only differ in indentation, trailing spaces or the amount of spacing between words are treated as unchanged.
What is a unified diff?
What is a unified diff?
It is the standard text format used by git and the diff command: removed lines start with -, added lines with +, and @@ headers show where each change is.
How large can the texts be?
How large can the texts be?
Each side can be up to 20,000 lines or 500,000 characters, which covers most source files and documents.
More tools
CSS
CSS Box Shadow Generator
Design layered box shadows with offset, blur, spread, opacity and inset controls.
Image
Image Optimizer
Compress and convert PNG, JPG, WebP, AVIF, GIF and SVG images in your browser.
Image
Image to Text (OCR)
Extract text from screenshots, photos and scanned images with OCR, right in your browser.
Text
Text & Code Minifier
Minify text, JSON, CSS, HTML and JavaScript, with automatic language detection.