Large collections

import"@truvar-ai/design-system"

Large collections

Lists, grids and boards that stay fast with thousands of items. React Aria's Virtualizer renders only what's on screen, while keyboard navigation, selection and screen readers still work across the whole set.

Virtualized list

Built on Virtualizer + ListLayout + ListBox

10,000 contacts. Type a letter to jump; Shift-click selects a range.

Grid layout

Built on Virtualizer + GridLayout + ListBox

2,000 cards in responsive columns. Arrow keys move in two dimensions.

Masonry layout

Built on Virtualizer + WaterfallLayout + ListBox

Cards of different heights packed into columns, like a board of call notes.