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

# Interactive Examples

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

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

**Markdown mirror:** [https://virtuallist.svelte.page/examples.md](https://virtuallist.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 List](https://virtuallist.svelte.page/examples/basic-list.md) - A simple virtual list rendering thousands of items efficiently with fixed-height rows and smooth scrolling performance. (live: [https://virtuallist.svelte.page/examples/basic-list](https://virtuallist.svelte.page/examples/basic-list), tag: `FIXED ROWS`)
- [Horizontal & Responsive](https://virtuallist.svelte.page/examples/horizontal.md) - An interactive 10,000-item horizontal virtual list with explicit orientation controls and a responsive breakpoint mode. (live: [https://virtuallist.svelte.page/examples/horizontal](https://virtuallist.svelte.page/examples/horizontal), tag: `ORIENTATION`)
- [Infinite Scroll](https://virtuallist.svelte.page/examples/infinite-scroll.md) - Automatically load more data as users scroll near the end of the list with seamless pagination and loading indicators. (live: [https://virtuallist.svelte.page/examples/infinite-scroll](https://virtuallist.svelte.page/examples/infinite-scroll), tag: `PAGINATION`)
- [Scroll to Item](https://virtuallist.svelte.page/examples/scroll-to-item.md) - Programmatically scroll to any item in the virtual list with configurable alignment options like top, bottom, nearest, and auto. (live: [https://virtuallist.svelte.page/examples/scroll-to-item](https://virtuallist.svelte.page/examples/scroll-to-item), tag: `METHODS`)
- [Variable Height](https://virtuallist.svelte.page/examples/variable-height.md) - Virtual list with automatic handling of variable item heights, supporting dynamic content like accordions and expandable rows. (live: [https://virtuallist.svelte.page/examples/variable-height](https://virtuallist.svelte.page/examples/variable-height), tag: `MEASUREMENT`)
