RenderHub

Diff

Compare two pieces of text side by side and highlight the changes.

+2 −1
Original
Modified
Diff
function greet(name) {
  return 'hello ' + name;
  return `hello, ${name}!`;
}

greet('renderhub');
greet('world');

Tips

  • Switch granularity to Word for prose; keep Line for code.
  • Ignore whitespace hides indentation-only differences.
  • All comparison is local — nothing is uploaded.

Side-by-side text diff

A diff viewer compares two pieces of text and highlights what changed. It is the same idea as the diff you see in a code-review tool, distilled to the smallest useful form: two text areas, the differences highlighted line by line. Everything happens in your browser, so sensitive content — drafts, logs, configuration — never leaves your machine.

When this tool is useful

  • Comparing AI output to your prompt. Paste the original prompt and the response side by side to see exactly what the model changed.
  • Spotting whitespace differences. When two strings look identical but a comparison tool calls them different, a diff is the fastest way to find the rogue tab, trailing space, or Windows line ending.
  • Reviewing translations or legal redlines outside of a heavyweight document editor.
  • Verifying file copies. If a download or paste might have been truncated, comparing it against the original confirms the contents survived the trip.

What the highlighting means

Lines present only in the left input are marked as removed; lines present only in the right input are marked as added; lines that appear in both are shown without highlight. The diff algorithm is line-based, so a single-character change still highlights the whole line — this is the same convention as diff -u and most code-review interfaces.

Related tools