petyosi/react-virtuoso

React Virtuoso is a TypeScript-based React component library designed to render large lists and data sets efficiently through virtual scrolling. The codebase has attracted attention from developers working on major projects including Microsoft VSCode, Microsoft TypeScript, and the Rust language repository, indicating its relevance to high-performance rendering challenges.

The library provides multiple specialized components tailored to different use cases. The base Virtuoso component handles variable-sized items without requiring manual height measurements or hard-coding, automatically managing content resize and supporting features like pinned top items, endless scrolling, and scroll-to-index functionality. The MessageList component is purpose-built for chat interfaces and conversational UIs, offering imperative data management APIs that control scroll position when messages load or arrive, with support for both instant and smooth scroll animations. GroupedVirtuoso extends the core functionality to support grouped lists with sticky headers, accepting a groupCounts array to define item distribution across groups. VirtuosoGrid renders same-sized items in responsive multi-column layouts controlled through CSS properties, enabling media query support and flexible sizing. The Masonry component handles varying-height items in column layouts suitable for galleries and product listings. TableVirtuoso applies virtualization to HTML tables with support for window scrolling, sticky headers and columns, and integration with Tanstack Table and MUI Table libraries.

The project has been classified across numerous performance and rendering-related domains including virtual scrolling, lazy loading, infinite scroll, dynamic content handling, and large data management, reflecting its core purpose of enabling efficient rendering of large datasets.

The library emphasizes flexibility and customization, allowing developers to adapt the markup to their specific UI library requirements, with documented examples for Material UI integration. The documentation website at virtuoso.dev provides comprehensive guides and live examples for all supported features. The project maintains an MIT license and actively encourages community contributions through a defined contribution process, while also accepting sponsorships to support ongoing development and maintenance.