Integrar Animate css como dependencia de Bower

En la creación de cualquier proyecto web es interesante incorporar algún tipo de animación, animate.css, una pequeña librería que dispone de un gran número de animaciones y nos ayuda a mejorar la experiencia del usuario, este framework no es más que un archivo css con multiples animaciones, las cuales podemos usar y controlar con o sin jquery, lo cual nos proporciona un abanico muy amplio de posibilidades.

Para integrar esta librería css como dependencia de Bower tenemos dos opciones, incluirla en nuestro archivo .json ( si es que lo tenemos configurado ) o instalar directamente con Bower, con las opciones que nos aporta el uso de node.js y gulp.

Instalar como dependencia de Bower

Si tenemos un archivo json (bower.json) configurado para nuestro workflow podemos indicarle directamente que se integre al instalar las dependencias.

"dependencies": {
    "animate.css": "^3.5.2"
},

Instalar con Bower sin json

Si no tenemos un archivo json configurado en nuestro workflow podemos integrarlo como dependencia.

bower install animate.css

Instalar con Bower guardando como dependencia en json

Si tenemos un archivo json en nuestro workflow y ya estamos trabajando en el proyecto, podemos indicarle directamente que se instale como dependencia y se guarde en nuestro bower.json.

bower install animate.css --save

Puedes ver más sobre Bower y json en los siguientes enlaces:

Tutorial de introducción al formato json

Tutorial de Bower

Administrar la cache de Bower