TanStackVirtual
Headless UI for Virtualizing Large Element Lists
Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular while retaining 100% control over markup and styles.
Get Started888888888279,092,437279,092,437
NPM Downloads
Stars on Github
Contributors on GitHub
Dependents on GitHub
Designed for zero design
Headless Virtualization means you're always in control of your markup, styles and components. Go design and implement the most beautiful UI you can dream up and let us take care of the hard parts.
Big Power, Small Package
Don't be fooled by the small bundle size. TanStack Virtual uses every byte to deliver powerful performance. After all, 60FPS is table stakes these days and we refuse to sacrifice anything for that 🧈-y smooth UX.
Maximum Composability
With a single function/hook, you'll get limitless virtualization for vertical, horizontal, and grid-style layouts. The API is tiny (literally 1 function), but its composability is not.
Framework Agnostic & Feature Rich
Lightweight (10 - 15kb) Tree-Shaking Headless Vertical/Column Virtualization Horizontal/Row Virtualization Grid Virtualization Window-Scrolling Fixed Sizing Variable Sizing Dynamic/Measured Sizing Scrolling Utilities Sticky Items
Partners
TanStack leverages CodeRabbit to enhance our code review process, significantly reducing review times and improving code quality. By integrating CodeRabbit's advanced AI capabilities, we ensure that our pull requests are thoroughly analyzed for potential issues, from readability to logic bugs. This allows our team to focus on meaningful code discussions and innovation, while maintaining high standards of code quality and security. With CodeRabbit, we benefit from intelligent, automated reviews that adapt to our workflows, making our development process faster and more efficient.
Learn MoreVirtual 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 chatAn ad on an open source project? What is this, 1999?
Please... TanStack is 100% privately owned, with no paid products, venture capital, or acquisition plans. We're a small team dedicated to creating software used by millions daily. What did you expect?
Check out our ethos to learn more about how we plan on sticking around (and staying relevant) for the long-haul.
Take it for a spin!
With just a few divs and some inline styles, you're already well on your way to creating an extremely powerful virtualization experience.