Pitch: Criei um projeto open source de Slider/Carousel com foco em TypeScript, Tailwind CSS e Web Animations API · marcuslorenlopes

Depois de utilizar diversas bibliotecas de slider/carousel ao longo dos anos, resolvi criar uma alternativa com uma proposta um pouco diferente.

O objetivo do BrickSlider é oferecer uma biblioteca moderna, leve e framework-agnostic, construída desde o início com foco em TypeScript, Tailwind CSS e nas APIs nativas da Web.

Algumas das características do projeto:

🚀 TypeScript-first
🎨 Tailwind-first
⚡ Animações utilizando a Web Animations API
♿ Plugin de acessibilidade
📱 Plugin para experiências no estilo Instagram Stories
📦 Zero dependências
🔧 Framework agnostic
📲 Suporte a touch, autoplay, loop, navegação, breakpoints e muito mais.

Uma das preocupações durante o desenvolvimento foi evitar que a biblioteca “brigasse” com o CSS da aplicação. Em vez de impor uma estrutura difícil de customizar, a ideia foi permitir que ela se integre naturalmente ao fluxo de trabalho de quem utiliza Tailwind ou CSS tradicional.

Outro ponto foi manter funcionalidades específicas em plugins independentes. Por exemplo:

Accessibility Plugin: adiciona recursos voltados para navegação por teclado e acessibilidade.
Stories Plugin: permite criar componentes inspirados na experiência de Stories (Instagram/Facebook) utilizando a mesma infraestrutura do slider.

O projeto é totalmente open source e continua em desenvolvimento.

Documentação

https://sixsrc.github.io/brickslider/docs/

Exemplos

https://sixsrc.github.io/brickslider/docs/examples-basic-slider/

Repositório

https://github.com/sixsrc/brickslider

Fica o compartilhamento para quem estiver procurando uma alternativa moderna para sliders/carousels ou quiser conhecer o projeto.