<!-- Source: https://virtualchat.svelte.page/examples -->

# Interactive Examples

> Live demos mirrored as markdown with runnable Svelte source for LLMs and agents.

**Source:** [https://virtualchat.svelte.page/examples](https://virtualchat.svelte.page/examples)

**Markdown mirror:** [https://virtualchat.svelte.page/examples.md](https://virtualchat.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 Chat](https://virtualchat.svelte.page/examples/basic-chat.md) - Interactive basic chat example with follow-bottom behavior, scroll-away detection, and virtualized message rendering powered by @humanspeak/svelte-virtual-chat. (live: [https://virtualchat.svelte.page/examples/basic-chat](https://virtualchat.svelte.page/examples/basic-chat), tag: `DEMO`)
- [LLM Streaming](https://virtualchat.svelte.page/examples/streaming.md) - Simulated LLM token streaming with markdown rendering inside a virtual chat viewport — height stability during message growth in Svelte 5. (live: [https://virtualchat.svelte.page/examples/streaming](https://virtualchat.svelte.page/examples/streaming), tag: `STREAMING`)
- [History Loading](https://virtualchat.svelte.page/examples/history-loading.md) - Scroll up to load older messages with anchor preservation. Demonstrates prepend-history behavior without viewport jumping using @humanspeak/svelte-virtual-chat. (live: [https://virtualchat.svelte.page/examples/history-loading](https://virtualchat.svelte.page/examples/history-loading), tag: `HISTORY`)
- [Header & Footer](https://virtualchat.svelte.page/examples/header-footer.md) - Persistent header and footer snippets that render above and below all messages — typing indicators, channel banners, and more without fake message injection. (live: [https://virtualchat.svelte.page/examples/header-footer](https://virtualchat.svelte.page/examples/header-footer), tag: `LAYOUT`)
