Ripple Effect
2021
Biblioteca open source que implementa um efeito de ripples inspirado no Material Design em elementos do DOM de forma simples e reutilizável.
Sobre o projeto
Ripple Effect é uma biblioteca JavaScript leve que adiciona interações de ripple inspiradas no Material Design a elementos de páginas web. O projeto começou como um experimento para recriar esse tipo de interação sem depender de um framework de interface existente e acabou se tornando um projeto open source reutilizável.
A ideia
Queria entender como esse tipo de interação poderia ser implementado do zero, mantendo a biblioteca simples o suficiente para ser utilizada em qualquer projeto web.
O resultado foi uma biblioteca independente que pode ser aplicada a elementos para adicionar o efeito de ripple sem depender de uma biblioteca de componentes ou framework maior.
Construindo uma biblioteca reutilizável
Em vez de manter o efeito como parte de um único aplicativo, transformei a implementação em uma biblioteca npm, com documentação e um site próprio. O projeto utiliza Webpack para gerar o bundle e foi desenvolvido utilizando as APIs padrão do DOM.
O projeto também se tornou uma oportunidade para trabalhar com um fluxo de desenvolvimento open source, incluindo documentação, issues e contribuições pelo GitHub.
Open source
O Ripple Effect está disponível publicamente no GitHub e recebeu contribuições da comunidade, incluindo 6 pull requests e 4 issues encerradas. O projeto também possui 19 estrelas no GitHub e registra cerca de 50 downloads semanais no npm.