Virtualit Examples
How to Use These Examples
These examples cover fixed-height lists, variable heights, grouping, keyboard nav, and infinite scroll.
- Start with the first example page to learn the baseline pattern.
- Move to advanced pages that match your framework or production scenario.
- Keep the API page open while adapting snippets to your project.
These examples are aligned with the current @vielzeug/virtualit and @vielzeug/virtualit/dom APIs.
Examples Overview
- Basic Fixed-Height List
- Grouped List (Headers + Rows)
- Variable Height with Measurement
- Infinite Scroll (Load More)
- Keyboard Navigation
- Restore Scroll Position
- Density Toggle (Compact / Comfortable)
- Using
VirtualizerDirectly (WithoutcreateVirtualizer) - DOM Virtual List Combobox Pattern
- Explicit Resource Management (
using)