# Interactive Examples > Live demos mirrored as markdown with runnable Svelte source for LLMs and agents. **Source:** [https://diff.svelte.page/examples](https://diff.svelte.page/examples) **Markdown mirror:** [https://diff.svelte.page/examples.md](https://diff.svelte.page/examples.md) --- Each linked mirror includes the live page description, section notes, and fenced source for the demo components used on that page. ## Examples - [Basic Diff](https://diff.svelte.page/examples/basic-diff.md) - Render a readable Svelte 5 text diff with two strings, semantic cleanup, and class-based styling. (live: [https://diff.svelte.page/examples/basic-diff](https://diff.svelte.page/examples/basic-diff), tag: `START`) - [Live Editor](https://diff.svelte.page/examples/live-editor.md) - Edit before and after text and watch SvelteDiff recompute semantic output reactively. (live: [https://diff.svelte.page/examples/live-editor](https://diff.svelte.page/examples/live-editor), tag: `REACTIVE`) - [Expected Patterns](https://diff.svelte.page/examples/expected-patterns.md) - Match dynamic versions, dates, and names as expected values and inspect captured groups live. (live: [https://diff.svelte.page/examples/expected-patterns](https://diff.svelte.page/examples/expected-patterns), tag: `PATTERNS`) - [Custom Snippets](https://diff.svelte.page/examples/custom-snippets.md) - Replace SvelteDiff fallback spans with semantic del and ins elements using Svelte 5 snippets. (live: [https://diff.svelte.page/examples/custom-snippets](https://diff.svelte.page/examples/custom-snippets), tag: `RENDERING`) - [Cleanup Modes](https://diff.svelte.page/examples/cleanup-modes.md) - Compare raw, efficiency-cleaned, and semantic diff output for the same before and after strings. (live: [https://diff.svelte.page/examples/cleanup-modes](https://diff.svelte.page/examples/cleanup-modes), tag: `READABILITY`) - [Timing](https://diff.svelte.page/examples/timing.md) - Scale a generated text diff and inspect core algorithm, cleanup, total time, and segment counts. (live: [https://diff.svelte.page/examples/timing](https://diff.svelte.page/examples/timing), tag: `PERFORMANCE`)