'/%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 та історій
Незалежний від фреймворку, віртуалізований, орієнтований на дотик. Створений для вертикальних відеострічок, переглядачів історій і повноекранних галерей.
Демо наживо — гортайте стрілками
Створено для продуктивності
Віртуалізований рендеринг, нуль залежностей, переходи з 60 fps
Віртуалізований
Витримує 10 000+ елементів. У DOM одночасно лише 3 слайди.
Нуль залежностей
Жодних рантайм-залежностей. Ядро — близько 9 кБ у gzip.
Спершу дотик
Нативні свайпи з інерцією та точками прилипання.
Чому «ReelKit»?
Reel — вертикальні відеострічки, як в Instagram Reels і TikTok. По одному елементу за раз, свайп — і далі.
Kit — модульний набір пакетів. Беріть headless-ядро для повного контролю, прив’язки до фреймворків для швидкого старту або готові оверлеї для відеоплеєрів і галерей зображень.
Простий API
Кілька рядків коду — і все працює
Доступні пакети
Модульна екосистема — беріть те, що потрібно
Рушій слайдера без прив’язки до фреймворку — віртуалізація, жести, клавіатура, колесо миші, сигнали. Нуль залежностей.
Готові почати?
Загляньте в документацію та приклади, щоб зібрати свій перший слайдер.