Examples

Interactive examples for the vlist virtual list library — from basic lists to million-item stress tests.

Essentials

Interactive control panel — item count, sizing strategies, overscan, scroll-to, data operations

Responsive image gallery — toggle between grid and masonry layouts

gridmasonryselectionscrollbar

Chat UI — reverse mode, date headers, auto-scroll, incoming messages

A–Z grouped contacts with sticky headers and selection

groupsselection

Resizable columns, sortable headers, and row selection — 10K rows at 120 FPS

Social feed with real posts — variable heights measured automatically

Horizontal scrolling with fixed or variable item widths — toggle to compare

Document-level scrolling with async data loading — no inner scrollbar

Music library with async loading — toggle between list, grid, and table views

asyncselectiontablegrid

WAI-ARIA listbox — role, aria-setsize, aria-posinset, and aria-activedescendant updating live in the inspector

Specific

Velocity Loading

Smart async loading — skips fetches when scrolling fast, preloads in scroll direction

asyncscalescrollbarsnapshotsselection

100K–5M items with scroll compression

Per-item height functions and auto-measured DOM sizing

Save and restore scroll position across navigations

snapshotsselection

Native, custom, and none — configure auto-hide, gutter, hover behavior, and track width

Drag-and-drop reordering with handle or full-item drag — task list demo

sortableselection

Experimental

Finder-like file browser with resizable/sortable table list view and grid toggle

tablegridselectiongroupsscrollbar

Button-only step navigation — wheel scrolling disabled

scroll.wheelselection