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 60 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
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
Variables Sizes
Variable Sizes Exmaples
autosizeinvert
Scroll Restore
Save and restore scroll position across navigations
snapshotsselection