# Basic Diff
> Render a readable Svelte 5 text diff with two strings, semantic cleanup, and class-based styling.
**Source:** [https://diff.svelte.page/examples/basic-diff](https://diff.svelte.page/examples/basic-diff)
**Markdown mirror:** [https://diff.svelte.page/examples/basic-diff.md](https://diff.svelte.page/examples/basic-diff.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: basic diff.
Start with two plain strings and let `SvelteDiff` own the comparison. Semantic cleanup makes the result readable while stable classes provide the styling hooks.
**Metadata:** tag: `START` | cleanup: `semantic` | rendering: `classes`
### Source
#### BasicDiff.svelte
Source file: [src/lib/examples/basic-diff/demos/BasicDiff.svelte](https://github.com/humanspeak/svelte-diff/blob/main/docs/src/lib/examples/basic-diff/demos/BasicDiff.svelte)
```svelte
```