Layout

Virtual list

A fixed-height list that mounts only the rows in view. Offscreen rows unmount; durable state stays with the host.

Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10
Row 11
Row 12

Installation

npx shadcn@latest add https://nessalabs.ai/r/virtual-list.json

Examples

virtualize={false} mounts every row in the same viewport
Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10
Row 11
Row 12

Behaviours

Covered by the component's storybook.

PlaygroundChanging DataRapid Scroll