Examples
Interactive examples for the VList virtual list library — from basic lists to million-item stress tests.
Essentials
Basic List
Interactive control panel — item count, sizing strategies, overscan, scroll-to, data operations
core
Photo Album
Responsive image gallery — toggle between grid and masonry layouts
gridmasonryselectionscrollbar
Messaging
Chat UI — reverse mode, date headers, auto-scroll, incoming messages
reversegroups
Contact List
A–Z grouped contacts with sticky headers and selection
groupsselection
Data Table
Resizable columns, sortable headers, and row selection — 10K rows at 120 FPS
tableselection
Social Feed
Social feed with real posts — variable heights measured automatically
autosizeasync
Carousel
Horizontal scrolling with fixed or variable item widths — toggle to compare
horizontal
Window Scroll
Document-level scrolling with async data loading — no inner scrollbar
pageasync
Track List
Music library with async loading — toggle between list, grid, and table views
asyncselectiontablegrid
Accessibility
WAI-ARIA listbox — role, aria-setsize, aria-posinset, and aria-activedescendant updating live in the inspector
aria
Specific
Velocity Loading
Smart async loading — skips fetches when scrolling fast, preloads in scroll direction
asyncscalescrollbarsnapshotsselection
Large Dataset
100K–5M items with scroll compression
scalescrollbar
Variable Sizes
Per-item height functions and auto-measured DOM sizing
autosizeinvert
Scroll Restore
Save and restore scroll position across navigations
snapshotsselection