Hook

Their other posts in the index, biggest breakout first.
Para você criar site com animação, site profissional e não com cara de IA, site que tem essas animações de scroll, animação quando a gente faz o scroll na página, eu vou te mostrar quais são as três bibliotecas que inclusive são usadas aqui pelo Lando Norris. Bora lá. Mas antes disso, já me segue aqui, curte que tem dica todo dia sobre programação e IA. Site do Lando Norris é um site sensacional que tem algumas animações em conjunto, que é a animação de quando eu passo o mouse, a gente revela coisas aqui, máscaras aqui, animação de quando eu faço o scroll, aqui a gente tem um scroll mais lento, um scroll suave e quando eu faço o scroll também em conjunto a gente tem itens sendo revelados. Então quando eu faço o scroll aqui ó, tá vendo que ele vai revelando itens, coisas vão diminuindo, aumentando o tamanho conforme o scroll. Então como que a gente pode fazer isso de forma simples? A primeira lib é o Inspira UI. Essa biblioteca aqui a gente tem vários componentes animados aqui, então eu trouxe aqui o Fluid Cursor, por exemplo, conforme eu mexo o mouse aqui ele vai criando esse efeito e dentro dela tem várias animações pra gente poder personalizar, seja com React ou Next JS, então é sensacional e obrigatório. A segunda dela é a Lenis, né? Então essa lenis.dev, basicamente ela vai dar aquele scroll suave dentro do seu site, então esse scroll mais suave aqui. Então conforme ó, eu faço o scroll aqui na documentação deles, ó, tá vendo que é mais suave e além disso a gente pode controlar coisas que estão acontecendo. Então ó, faço o scroll, vai mexendo coisa ali embaixo, então a terceira obrigatória pra gente fazer animações com o scroll, conforme você roda a página, né, rola ali vai fazendo animações, é o GSAP. É uma das principais bibliotecas pra gente fazer animações conforme você faz o scroll, ou seja, conforme eu faço o scroll aqui ó, tá vendo que vai diminuindo a imagem, aparecendo coisas na tela.