vue-virtual-waterfall

Renders only visible items, minimizing DOM nodes and memory usage for large datasets, as highlighted in the key features for performance.

Allows custom height calculation per item via calcItemHeight prop, enabling flexible layouts for images or variable content cards.

Offers adjustable gaps, padding, column counts, and item minimum width for precise adaptation to different container widths.

Includes item caching and configurable preloading of off-screen items with preloadScreenCount to reduce jank and ensure smooth scrolling.