Svelte Virtual List Examples.
Explore Svelte 5 virtual list examples for 10,000 items, variable heights, infinite scroll, horizontal lists, and programmatic scrolling. Each page includes the exact source behind the preview.
choose a scenario.
Start with the smallest list, then explore horizontal orientation, loading, programmatic scroll, and measured dynamic rows.
basic list.
FIXED ROWS
Render 10,000 items while keeping only visible rows in the DOM.
infinite scroll.
PAGINATION
Load the next page as the virtual range approaches the end.
scroll to item.
METHODS
Jump to any index with top, bottom, nearest, or auto alignment.
variable height.
MEASUREMENT
Expand rows and let the list keep offsets correct as heights change.
horizontal list.
ORIENTATION
Virtualize 10,000 variable-width items and switch axes without losing your place.
headers & footers.
MEASURED CONTENT
Resize header and footer snippets, keep your reading position, and explore empty lists.
docs → api + guides