Os 15 melhores Plugins jQuery para criar efeito Scroll Animado com CSS

0
500 views

Muitos desenvolvedores front-end, arquitetos de interface ou profissionais especialistas em UX estão em busca de inspiração para criar uma fantástica e inesquecível experiência de usuário. Por conta disso as animações utilizando o scroll da página se tornaram a bola da vez, pois este tipo de técnica pode manter o nosso visitante entretido fazendo com que ele permaneça mais tempo no nosso site, e até compartilhar a experiência com outros usuários!

Bem sabemos que criar estas animações do zero é um tanto complexo d+, por conta disso separamos em uma lista de 15 itens, os melhores plugins jQuery grátis  para criar animação utilizando o Scroll de página do seu usuário para você aplicar nos seus projetos ainda hoje.

1 – Animated Scroll Effects

1 – Animated Scroll Effects

Visualizar Download

2 – AnimateScroll

2 - AnimateScroll

Visualizar Download
AnimateScroll é um jQuery plugin muito utilizando quando você precisa criar âncoras de conteúdo no seu site, utilizando este fantástico plugin você consegue criar um efeito mais suave nas transições mais sensível entre as âncoras de conteúdo. Ele contém vários tipos de animações para scroll de página.

3 – Webpage Scrolling Animation Effects with CSS3 & jQuery3 – Webpage Scrolling Animation Effects with CSS3 & jQuery

Visualizar Download
Este plugin trabalha junto com jQuery + Css. O jQuery observa a posição da página, enquanto isso o CSS cria as animações.

4 – JQuery Tilted Page Scroll

7 – JQuery Tilted Page Scroll

Visualizar Download
Você pode utilizar o plugin jQuery Tilted Page Scroll para criar fantásticos efeitos em 3D para interagir com a rolagem de página.

5 – jquery-smoove

 

5 – jquery-smoove

Visualizar Download
Com este plugin você consegue criar facilmente todo o tipo de animação em elementos HTML. As animações podem ser tanto 2D quanto 3D, e temos o jQuery que utiliza o scroll da página para criar os efeitos em CSS3.

6 – scrollReveal

6 – scrollReveal

Visualizar Download
Com o plugin jQuery scrollReveal você poderá criar animações para seus projetos web e mobile de forma simples. Você pode tanto criar animações para um conjunto de elementos html, como para um grupo todo, além disso existem inúmeras formas de customizar cada uma das animações.

7 – On Scroll Effect Layout

7 – On Scroll Effect Layout

Visualizar Download
Este plugin cria animações conforme o viewport é acionada. Ele funcionando adicionando class para animar os objetos por seção.

8 – stroll.js

8 – stroll.js

Visualizar Download
stroll.js é um plugin jQuery que contém uma enorme coleção de animações que você pode utilizar na rolagem de página, animando seus componentes separadamente.

9 – Scrollify

9 – Scrollify

Visualizar Download
Este plugin cria animações entre as seções de conteúdo do seu site. Ele é totalmente configurável e o legal é que tem compatibilidade com o touch de tela.

10 – rlSmooth

10 – rlSmooth

Visualizar Download
Plugin minimalista para criar animações entre elementos html conforme o usuário chega no top do local da página, mas é altamente configurável.

11 – AnimatedScroll.js

11 – AnimatedScroll.js

Visualizar Download
AnimatedScroll é útil para você criar animações com elementos de bloco de texto. Você pode optar por escolher este plugin para não utilizar as âncoras do html. Ele também possuí muitos recursos customizados.

12 – scrollAnimate

12 – scrollAnimate

Visualizar Download
Você pode aplicar o scrollAnimate para criar animações em elementos HTML, ele funciona também quando você quiser criar projetos com Parallax.

13 – animate-scroll

13 – animate-scroll

Visualizar Download
Animações responsivas e muitas opções, é isso que este plugin jQuery propõem para quem fizer o uso dos seus recursos. Muito fácil de aplicar e configurar, o plugin conta com inúmeros tipos de animações que são ativadas conforme você rola a página.

14 – jqScrollAnim

14 – jqScrollAnim

Visualizar Download
Crie animações por elementos HTML conforme você vai rolando a página. Muito fácil de aplicar e configurar, o plugin conta com inúmeros tipos de animações.

15 – jQuery Story Box

15 – jQuery Story Box

Visualizar Download
Animações utilizando jQuery e CSS3 que são ativadas conforme você rola a página. Além das animações que você já conhece do CSS o plugin contém +10 tipos diferentes para você aplicar no seu site.
0
Seja nosso usuário VIP
Cadastre-se agora e receba conteúdos exclusivos para os participantes da nossa lista VIP