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
a11y
Photo Album
Responsive image gallery — toggle between grid and masonry layouts
gridmasonryselectionscrollbarsnapshots
Messaging
Chat UI — reverse mode, date headers, auto-scroll, incoming messages
groupstransition
Contact List
A–Z grouped contacts with sticky headers and selection
groupsselectionsnapshots
Data Table
Resizable columns, sortable headers, and row selection — 10K rows at 120 FPS
tableselectiondatasnapshots
Social Feed
Social feed with real posts — variable heights measured automatically
autosize
Carousel
Horizontal scrolling with fixed or variable item widths — toggle to compare
Window Scroll
Document-level scrolling with async data loading — no inner scrollbar
pagedata
Track List
Music library with async loading — toggle between list, grid, and table views
dataselectiongridtablescrollbarscalesnapshotstransition
Accessibility
WAI-ARIA listbox — role, aria-setsize, aria-posinset, and aria-activedescendant updating live in the inspector
groupsselection
Specific
Velocity Loading
Smart async loading — skips fetches when scrolling fast, preloads in scroll direction
dataselectionscalescrollbarsnapshots
Large Dataset
100K–5M items with scroll compression
scalescrollbartablegrid
Variable Sizes
Per-item height functions and auto-measured DOM sizing
autosize
Scroll Restore
Save and restore scroll position across navigations
snapshotsselection
Scrollbar
Native, custom, and none — configure auto-hide, gutter, hover behavior, and track width
scrollbarselectionsnapshots
Sortable
Drag-and-drop reordering with handle or full-item drag — task list demo
sortableselectionsnapshots
Tree View
Collapsible file tree — expand/collapse, keyboard navigation, type-ahead search
treeselectionscrollbar