Adicione efeitos de chuva ao seu projeto react com Rainify 🌧️

Fala pessoal!

Estou animado para compartilhar com vocês uma novidade: acabei de lançar um pacote NPM chamado Rainify 🌧️.

O que é o Rainify? Ele é um componente que permite adicionar um efeito de chuva à sua aplicação web de forma super simples. Com apenas algumas linhas de código, você pode transformar o visual da sua aplicação e trazer uma nova atmosfera para o seu projeto.

Como Funciona?

É muito fácil de usar! Basta importar o componente Rainify e "voilà"! A chuva começa a cair na sua aplicação.

Mas não é só isso. O Rainify vem com várias opções de personalização. Você pode ajustar:

  • Vento: Controla a direção e a intensidade do vento que influencia as gotas de chuva.
  • Velocidade: Define a rapidez com que as gotas caem na tela.
  • Intensidade: Regula a quantidade de gotas de chuva visíveis, criando desde uma leve garoa até uma tempestade torrencial.
  • E alguns outros parâmetros que você pode explorar.

Onde Encontrar?

Toda a documentação detalhada está disponível na página do pacote, onde você encontra instruções de instalação, exemplos de uso e dicas para tirar o máximo proveito do Rainify. Se quiser ver o Rainify em ação, confira o preview no site oficial.

Contribua e Compartilhe!

Gostou do Rainify? Então não deixe de testar e me contar o que achou! Se tiver sugestões de melhorias ou encontrar algum bug, sinta-se à vontade para abrir uma issue no repositório GitHub. E claro, se achar útil, compartilhe com seus amigos e colegas desenvolvedores!

Valeu e até a próxima! ✌️👽

Acho que eu acabei crashando o site ao colocar uma intensidade muito alta kkkkkk, mas muito interessante, parabéns!

É, use com sabedoria! Fico feliz que tenha gostado do projeto. O canvas é algo interessante de se explorar.

Alguém sabe dizer mais ou menos como eu conseguiria atingir o mesmo resultado fazendo do zero? Fiquei curioso sobre como isso funciona.

Eu também me interessei e fui ver por dentro como funcionava. Fiz esse post aqui com os detalhes mais internos, mas ele acabou ficando bem denso. https://www.tabnews.com.br/matheus1714/estudando-efeito-de-chuva-rainify Parabéns também pelo projeto incrível! Você usou muitos conceitos legais na implementação. Deu para aprender bastante coisa só tentando entender mais a fundo.
Cara, o artigo que você publicou fico extremamente bom de ler! Fico feliz que o projeto tenha agregado esse conhecimento.
Agradeço pelo o compartilhamento de conhecimento! Estarei lendo o artigo
Acredito que é basicamente um overlay com particulas, o mais difícil é controlar o comportamento dessas particulas
Eu imaginei que seria um overlay. Agora controlar essas partículas, é realmente muito interessante. Obrigado pela a resposta.

Parabéns pelo projeto!

Muito obrigado! Fico feliz que tenha gostado!