Shelf is open source and in early preview
Shelf

For AI agents: the documentation index is at /llms.txt, and any docs page is available as Markdown by appending .md to its URL.

Data Table Virtual

A TanStack Table data table that scrolls and renders only the rows in view, for thousands of rows.

Verified
ID
0 of 10,000 selected10,000 rows

When to use

Use when
Thousands of rows that people sort, filter, and select in one scrolling list.
Avoid when
A few hundred rows or fewer, or people expect pages; use Data Table.

Installation

The source lands in src/components/ui/data-table-virtual.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Built on

Packages
@stylexjs/stylex, @tanstack/react-table, @tanstack/react-virtual
Shelf items
Data Table, foundations, Table, utils
Figma
Optional native Figma library. See Designers.

Verified

Size
2.0 kB gzipped on its own, 44 kB with the Shelf items and packages it builds on. JS and CSS in a production build, without React.
Accessibility
Axe passes on 6 stories
Behavior
5 interaction tests in Storybook
Rendering
Parent re-renders skip its consumers
React Doctor
React Doctor finds nothing