'/%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
Slider de um item por vez para experiências no estilo TikTok / Instagram Reels e stories
Independente de framework, virtualizado, pensado para o toque. Feito para feeds de vídeo vertical, visualizadores de stories e galerias em tela cheia.
Demonstração ao vivo — use as setas
Feito para o desempenho
Renderização virtualizada, zero dependências, transições a 60 fps
Virtualizado
Dá conta de mais de 10.000 itens. Apenas 3 slides renderizados por vez.
Zero dependências
Nenhuma dependência em tempo de execução. O core tem ~10.1 kB com gzip.
Toque em primeiro lugar
Gestos de deslize nativos, com inércia e pontos de encaixe.
Por que “ReelKit”?
Reel — feeds de vídeo vertical como os do Instagram Reels e do TikTok. Um conteúdo por vez, e um deslize leva ao próximo.
Kit — um conjunto modular de pacotes. Use o core headless para ter controle total, os bindings de framework para começar rápido, ou os overlays prontos para players de vídeo e galerias de imagens.
API simples
Algumas linhas de código e está funcionando
Pacotes disponíveis
Um ecossistema modular — pegue só o que precisar
Motor de slider independente de framework — virtualização, gestos, teclado, roda do mouse, sinais. Zero dependências.
Pronto para começar?
Confira a documentação e os exemplos para montar seu primeiro slider.