TanStack 图标
TanStack
自动

TanStackVirtual

无头 UI,用于虚拟化大型元素列表

在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中以 60FPS 的速度仅虚拟化海量可滚动元素内的可见 DOM 节点,同时保留对标记和样式的 100% 控制权。

开始使用

为零设计而设计

无头虚拟化意味着您始终控制您的 标记、样式和组件。去设计和实现您能想象到的最美丽的 UI,让我们处理困难的部分。

强大功能,小巧包装

不要被小巧的包大小所迷惑。TanStack Virtual 使用每个字节来提供强大的性能。毕竟, 60FPS 是基本要求 ,我们拒绝为了那种🧈般顺滑的用户体验而牺牲任何东西。

最大可组合性

通过单个函数/钩子,您将获得无限的虚拟化,用于 垂直、水平和网格样式 布局。API 很小(字面意思是 1 个函数),但其可组合性不小。

与框架无关且功能丰富

TanStack Virtual 的 API 和引擎高度模块化且与框架无关,同时仍然优先考虑人体工程学。请看,这是必备的功能列表:

轻量级 (10 - 15kb) 摇树优化 (Tree-Shaking) 无头 垂直/列虚拟化 水平/行虚拟化 网格虚拟化 窗口滚动 固定大小 可变大小 动态/测量大小 滚动工具 粘性项目

合作伙伴

Virtual 您?
我们正在寻找 TanStack Virtual 开源软件合作伙伴,他们将超越赞助的范畴。您是否像我们一样投入到 TanStack Virtual 中?让我们一起拓展 Virtual 的边界!
联系我们

体验一下吧!

只需几个 div 和一些内联样式,您就可以轻松创建极其强大的虚拟化体验。

哇,您已经探索了这么多!
只剩最后一件事了...
开始使用!