El formato SVG es uno de los mejores recursos que usan diseñadores y desarrolladores cuando tiene un proyecto web entre manos. Es que el formato SVG te permite trabajar con vectores, de modo que tu imagen se ve igual de nítida sin importar el tamaño de la pantalla. De esta manera, este formato es ideal para el diseño adaptativo, el cual se ha vuelto una necesidad hoy en día.
Para dar incluso mayor interactividad a tu sitio puedes incluir interacciones y animaciones. En este artículo hemos recolectado algunas de las más populares librerías de JavaScript plugin para animar imágenes en formato SVG. Esperamos que alguna de ellas te sea particularmente útil.
Textures.js
Esta librería te permite añadir, de manera sencilla, motivos en formato SVG. Contiene una gran variedad de texturas por lo que puedes elegir la que más te agrade o vaya acorde con el diseño.
Circulus.svg
Esta librería te permite genera un menú en formato SVG. Te ofrece dos estilos generales, aunque puedes personalizar ambos.
deSVG
Esta librería te permite realizar modificaciones de estilo a tu archivo SVG haciendo uso de CSS.
SVG Morpheus
Esta librería te permite crear iconos en formato SVG que se transforman en otros. Es un efecto sencillo, pero bastante interesante.
Vivus
Esta librería no depende de ninguna otra y te permite realizar animaciones a tus imágenes SVG. Al implementar estas animaciones, tus imágenes parece como si estuvieran siendo dibujadas en vivo. En base a esta animación puedes realizar modificaciones ligeras para que el efecto cambie un poco.
Walkway.js
Esta librería te permite animar tus imágenes SVG. Tiene opciones para elegir la duración de la animación.
ZorroSVG
Esta herramienta te permite crear imágenes en SVG que contengan transparencia. Logra esto a partir de un archivo PNG y lo mejor de todo es que comprime el tamaño del archivo, de este modo, tus imágenes SVG siempre están optimizadas para la web.
Raphaël
Esta librería te permite crear gráficos SVG. Cada gráfico que crees puede ser modificado o manipulado usando JavaScript.
Snap.SVG
Esta librería te permite modificar tus imágenes SVG, puedes crear máscaras, realizar recortes, añadir gradientes, etc.
SVG.js
Esta librería te permite animar imágenes en SVG de manera sencilla. SVG.js no tiene dependencias, es ligera y tiene muchas características para crear imágenes SVG y animarlas.
BonsaiJS
Esta librería tiene una API para trabajar gráficos y también cuenta con herramientas para renderizar tus archivos SVG.
Velocity
Esta librería se enfoca en animaciones rápida. Tiene un gran poder de renderizado.
Seen.js
Esta herramienta te permite renderizar escenas en 3D a formato SVG o HTML5.
Paths.js
Esta librería te permite generar trazos SVG geométricos para poder mostrarlos en un navegador. En sus ejemplos se emplean en particular para gráficos estadísticos. Te ofrece 3 APIs.
