Virtual Scroll
Only the rows near the viewport are in the DOM, so lists, grids, tables and masonry layouts stay fast however long they get.
Documentation
Props, slots, composables and types, plus the parts that need more than a table: sizing, performance, authoring recycled rows, SSR, tables and masonry.
Configurator / Code Generator
Select the features you need and generate complete typed Vue code: a component, a composable, or a CodePen.
Comparison with Alternatives
How this library stacks up against other Vue 3 virtualization solutions.
Vertical Fixed Body
The browser window as the scroll container, with fixed rows.
Grid Dynamic
Rows and columns virtualized at once, with column widths from a function.
Flow Table
Virtualized rows in a real flow table with dynamic heights and column-width modes.
Masonry Grid
Masonry columns in one scroll container, from the model's heights or from the DOM.
Custom Scrollbar
Virtual scrollbars you can style, or replace with your own markup.
Independent Scrollbars
Use VirtualScrollbar components standalone to control any scrollable element.
Chat Interface
Chat with dynamic heights, an initial scroll to bottom, and history restoration when older messages are prepended.
Async Content
Virtualized feed whose rows fetch simulated content on demand, with a shared cache and auto-measured heights.
Live Streaming
A simulated market feed that mutates only the visible window of 5,000 virtualized symbols.
Spreadsheet
Excel-like bidirectional grid with sticky row and column headers and resizable cells.
Data Browser
Grouped directory with sticky section headers, instant search and jump-to navigation.
Code Viewer
Browse and search the real simdutf source file used in the code diff example.
Log Viewer
Filter and search 200,000 lazy generated log lines with virtualization.
Side-by-Side Code Diff
Synced side-by-side virtualized diff of two code versions with search and highlighted changes.
Search & Highlight
Data-layer search over virtualized content with the CSS Custom Highlight API (Ctrl+K).
Photo Gallery
Virtualized photo grid whose placeholders hold each image's space until it loads.
Masonry Gallery
Remote images in a single masonry container: aspect-ratio oracle heights and bounded low-priority prefetch.
Layout Switcher
One dataset shown as a virtualized list, grid or data table - only the virtualization unit changes.