'/%3e%3c!--%20Motion%20trails%20--%3e%3crect%20x='14'%20y='7'%20width='12'%20height='2'%20rx='1'%20fill='white'%20opacity='.2'/%3e%3crect%20x='12'%20y='12'%20width='16'%20height='2'%20rx='1'%20fill='white'%20opacity='.35'/%3e%3crect%20x='10'%20y='17'%20width='20'%20height='2.5'%20rx='1.25'%20fill='white'%20opacity='.5'/%3e%3c!--%20Bold%20chevron%20down%20--%3e%3cpath%20d='M10%2024%20L20%2034%20L30%2024'%20stroke='white'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3e%3c/svg%3e)
ReelKit
为 TikTok / Instagram Reels 风格 体验打造的单条目滑动器
与框架无关、虚拟化、触摸优先。专为竖向视频流、Stories 浏览器和全屏画廊而生。
React
Angular
Vue
在线演示 —— 点箭头试试
为性能而生
虚拟化渲染、零依赖、60fps 过渡
3个 DOM 节点
虚拟化
扛得住 10,000+ 条目，任何时刻只渲染 3 张幻灯片。
0依赖
零依赖
没有任何运行时依赖，核心包 gzip 后约 9 kB。
60fps
触摸优先
原生手感的滑动手势，带惯性和吸附点。
高性能
键盘导航
与框架无关
TypeScript 优先
无头 + 开箱样式
现成组件
可分享的 URL 状态
为什么叫 “ReelKit”？
Reel —— 指 Instagram Reels 和 TikTok 那样的竖向视频流。一次只看一条内容，滑动切换下一条。
Kit —— 指一组模块化的包。想要完全掌控就用无头的核心包，想快速接入就用框架绑定， 想直接上手就用现成的视频播放器和图片画廊浮层。
简洁的 API
几行代码就能跑起来
tsx
可用的包
模块化的生态 —— 需要什么装什么