'/%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
Single-item slider for TikTok/Instagram Reels-style experiences
Framework-agnostic, virtualized, touch-first. Built for vertical video feeds, story viewers, and fullscreen galleries.
Live demo — use the arrows
Built for performance
Virtualized rendering, zero dependencies, 60fps transitions
Virtualized
Handle 10,000+ items. Only 3 slides rendered at any time.
Zero Dependencies
No runtime dependencies. Core is ~4 kB gzipped.
Touch First
Native swipe gestures with momentum and snap points.
Why "ReelKit"?
Reel — vertical video feeds like Instagram Reels and TikTok. One piece of content at a time, swipe to advance.
Kit — a modular set of packages. Use the headless core for full control, framework bindings for quick setup, or ready-made overlays for video players and image galleries.
Simple API
Get started with just a few lines of code
Available Packages
A modular ecosystem — pick what you need
Framework-agnostic slider engine — virtualization, gestures, keyboard, wheel, signals. Zero dependencies.
Ready to get started?
Check out the documentation and examples to build your first slider.