TanStackVirtual

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

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

开始使用

为零设计而设计

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

小包装,大能量

不要被小体积的包大小所迷惑。TanStack Virtual 充分利用每一个字节来提供强大的性能。毕竟, 如今 60FPS 是基本要求 ,为了实现黄油般顺滑的用户体验,我们拒绝做任何妥协。

最大的可组合性

只需一个函数/钩子,您就可以获得 垂直、水平和网格样式布局的无限虚拟化。API 非常小(实际上只有 1 个函数),但其可组合性却不小。

框架无关 & 功能丰富

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

轻量级 (10 - 15kb) 可树摇 无头设计 垂直/列虚拟化 水平/行虚拟化 网格虚拟化 窗口滚动 固定尺寸 可变尺寸 动态/测量尺寸 滚动工具函数 粘性元素

合作伙伴

Virtual 您?
我们正在寻找一个 TanStack Virtual OSS 合作伙伴,以超越赞助的呼吁。您是否像我们一样投入于 TanStack Virtual?让我们一起推动 Virtual 的边界!
一起聊聊
开源项目上的广告? 这是回到了1999年吗?
请理解... TanStack 是100%私有运营的,没有付费产品、风险投资或收购计划。我们是一个小团队,致力于开发每天被数百万人使用的软件。您期望我们怎么做呢?
了解我们的理念 来了解更多关于我们如何长期坚持(并保持相关性)的计划。

试用一下!

只需几个 div 和一些内联样式,您就已经在创建一个非常强大的虚拟化体验的路上了。

哇,你已经走了这么远!
只剩下一件事要做了...
开始使用!