Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@tanstack/react-virtual

TanStack22.5mMIT3.13.12TypeScript support: included

Headless UI for virtualizing scrollable elements in React

react, vue, solid, virtual, virtual-core, datagrid

readme

Tanstack Virtual

TanStack Virtual

A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles.

  • Framework‑agnostic & headless
  • Virtualizes vertical, horizontal & grid layouts with a single hook/function
  • Lightweight (10–15kb) yet powerful, with dynamic & measured sizing support
  • Smooth 60FPS scrolling with sticky items and window‑scrolling utilities

Read the docs →

Get Involved

Partners

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/coderabbit-dark-CMcuvjEy.svg" height="40" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/coderabbit-light-DVMJ2jHi.svg" height="40" /> CodeRabbit </picture> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/cloudflare-white-DQDB7UaL.svg" height="60" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/cloudflare-black-CPufaW0B.svg" height="60" /> Cloudflare </picture>
Virtual & you?

We're looking for TanStack Virtual Partners to join our mission! Partner with us to push the boundaries of TanStack Virtual and build amazing things together.

LET'S CHAT

Explore the TanStack Ecosystem

… and more at TanStack.com »