<VirtualList> — nextop-app/virtual-list

A lightweight virtualization wrapper that only renders children currently near the viewport (via IntersectionObserver, rootMargin: 300px). Off-screen children are replaced by a small placeholder.

import VirtualList from 'nextop-app/virtual-list'

Props = all HTMLDivElement attributes + children.

<VirtualList className="h-screen overflow-auto">
  {items.map((item) => (
    <Row key={item.id} {...item} />
  ))}
</VirtualList>

Best for long, simple lists. It tracks direct children via data-index; it does not measure or windowing-by-row-height, so use it where a 300px overscan placeholder is acceptable.