Virtual Scroll

Stand-alone UMD Examples

Grid Dynamic

Simultaneously virtualizes rows and columns with dynamic detection of widths from any slot structure.

Grid Fixed

Simultaneously virtualizes rows and columns using fixed itemSize and alternating columnWidth values.

Horizontal Dynamic

Horizontal scrolling with items with different widths measured via ResizeObserver.

Horizontal Fixed

Optimized for items where every item has the same width and row height is filled automatically.

Vertical Dynamic

Vertical scrolling with variable item heights automatically measured using ResizeObserver.

Vertical Fixed

Optimized for lists where every item has the same height and items are only rendered when they enter the visible viewport.

Custom Scrollbar

Demonstrates the virtual scrollbar implementation that allows the scrollbar to be designed and styled by the user.

Infinite Scroll

Demonstrates the load event and loading prop/slot for automatic pagination.

Sticky Sections

Demonstrates iOS-style sticky headers where new headers push previous ones out of view.

Chat Interface

Chat demonstration with dynamic heights, initial scroll to bottom, and history scroll restoration.

Table

Semantic HTML table virtualization for semantically correct and accessible tabular data grids.