Existem muitas bibliotecas que querem ajudá-lo a animar coisas na web. Na verdade, essas não são bibliotecas que ajudam você com a sintaxe ou a tecnologia das animações, mas sim bibliotecas que podem ser capturadas e usadas no estado em que se encontram. Quer aplicar uma classe como “animate-flip-up” e assistir a um elemento, uhhh, flip-up? Esse é o tipo de biblioteca a ser examinada.

Animista

Você escolhe uma animação de sua preferência e ela fornece um nome de classe que pode ser usado para chamar uma animação de quadro-chave (você copia e cola as duas). A questão é que você apenas pega o que precisa.

animista

Animate.css

Uma das grandes bibliotecas de animação CSS clássicas originais de Dan Eden.

animate.css

Infinito

Essas animações, como rotações e pulsos, são projetadas especificamente para serem executadas e repetidas para sempre.

infinito

Motion UI

Uma biblioteca Sass para criar transições e animações CSS flexíveis.

motion ui

micron.js

uma biblioteca de microInterações [μ] construída com animações CSS e controlada por JavaScript Power

micron

Vivificar

O Vivify é como o Animate.css no sentido de que contém muitos dos mesmos tipos de animações. Ele também oferece muito por conta própria.

vivify

Hover.css

Uma coleção de efeitos de foco CSS3 para serem aplicados a links, botões, logotipos, SVG, imagens em destaque e assim por diante. Aplique facilmente aos seus próprios elementos, modifique ou apenas use como inspiração. Disponível em CSS, Sass e LESS.

hover.css

AllAnimationCss3

all animation css3

Magic Animations CSS3

magic animations css3

É terça-feira.

Uma peculiar Biblioteca de Animação CSS.

it’s tuesday

vhs

jxnblk vhs

ReboundGen

reboundgen

CSShake

CSShake

cssanimation.io

cssanimation.io

WickedCSS

wickedcss

Woah.css

woah.css

Obnóxio

obnoxious.css

Hexa

hexa

Mimic.css

mimic.css