FIG-001 · EXAMPLES
// examples / virtual list patterns
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.
FIG-001
SHEET 01 / 02
FIG-002 / DEMOS
choose a scenario.
Start with the smallest list, then explore horizontal orientation, loading, programmatic scroll, and measured dynamic rows.
№ 01 / 05
↗
basic list.
FIXED ROWS
Render 10,000 items while keeping only visible rows in the DOM.
№ 02 / 05
↗
infinite scroll.
PAGINATION
Load the next page as the virtual range approaches the end.
№ 03 / 05
↗
scroll to item.
METHODS
Jump to any index with top, bottom, nearest, or auto alignment.
№ 04 / 05
↗
variable height.
MEASUREMENT
Expand rows and let the list keep offsets correct as heights change.
№ 05 / 05
↗
horizontal list.
ORIENTATION
Virtualize 10,000 variable-width items and switch axes without losing your place.
SET / JETBRAINS MONO + INTER
HUMANSPEAK · 2026
MIT LICENCE
docs → api + guides