/note-virtual

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

Primary LanguageTypeScriptMIT LicenseMIT

代码阅读推荐顺序

了解项目整体结构和核心逻辑的建议阅读顺序:

  1. 项目配置与依赖:
  2. 核心虚拟化逻辑:
  3. 框架适配器 (以 React 为例):
  4. 示例应用 (以 React Fixed 为例):
  5. 贡献与文档:

TanStack Virtual Header Image

Headless UI for virtualizing scrollable elements in TS/JS and React

#TanStack CI Workflow NPM Downloads Bundlephobia Minzipped Size semantic-release Join the discussion on Github GitHub Stars Twitter Follow

Enjoy this library? Try the entire TanStack! React Query, TanStack Table, React Charts

Visit tanstack.com/virtual for docs, guides, API and more

Quick Features

  • Row, Column, and Grid virtualization
  • One single headless function
  • Fixed, variable and dynamic measurement modes
  • Imperative scrollTo control for offset, indices and alignment
  • Custom scrolling function support (eg. smooth scroll)

Check it out

Explore the examples: