Las bibliotecas JS Animation ayudan a los desarrolladores a crear animaciones atractivas para sus sitios web, aplicaciones web o incluso juegos. En este post te ofrecemos las mejores bibliotecas y frameworks de animación JavaScript específicos y multipropósito.
1-Motos
Motus es una biblioteca de animación JavaScript simple y libre de dependencias que permite a los desarrolladores simular animaciones de fotogramas clave CSS. Cuenta con soporte integrado para nodos y navegadores, y ofrece ganchos de desplazamiento para desplazamiento vertical y vertical.
2- Mojs
Mojs es un código abierto gratuito biblioteca de animación en movimiento que viene con docenas de herramientas útiles de código abierto como reproductor de movimiento (reproductor Mojs), editor de movimiento de curvas y líneas de tiempo.
3-Josh.js
josh.js es una biblioteca de JavaScript agnóstica simple que permite a los desarrolladores animar cualquier contenido en la pantalla. Utiliza Animate.css en segundo plano, ya que te permite crear tu propia animación o utilizar cualquier otra biblioteca de animación CSS.
Josh.js es compatible con ES6 y ofrece una versión compilada para ES5.
4- Babilonia
Babilonia.js es un motor de animación y juegos escrito principalmente en JavaScript, ofrece soporte WebGPU integrado y funciona en navegadores de escritorio y móviles.
Babylon tiene una vasta comunidad de desarrolladores que mantienen actualizado y mantenido su editor de curvas oficial.
5-Starback.js
Starback.js le permite crear una hermosa animación de estrellas o efectos de nieve que caen para su página web.
6- Vivus
Vivus es una clase de JavaScript liviana (sin dependencias) que le permite animar archivos SVG, dándoles la apariencia de estar dibujados. Hay una variedad de animaciones diferentes disponibles, así como la opción de crear un script personalizado para dibujar tu SVG de la forma que desees.
7- calcetín verde
calcetín verde es una biblioteca de animación JavaScript súper rica y avanzada que permite a los desarrolladores crear animaciones complejas con poco esfuerzo. Ofrece a los desarrolladores la posibilidad de crear animaciones SVG fluidas utilizando DrawSVGPlugin, MorphSVGPlugin y MotionPathPlugin.
GreenSock admite WebGL de forma predeterminada y es la opción favorita de muchos desarrolladores de juegos JavaScript para agregar efectos a sus juegos.
JADEAR o (GreenSock Animation Platform) es un sólido conjunto de herramientas JavaScript que convierte a los desarrolladores en superhéroes de la animación. Cree animaciones de alto rendimiento que funcionen en cada navegador principal. Anima CSS, SVG, lienzo, React, Vue, WebGL, colores, cadenas, rutas de movimiento, objetos genéricos… ¡cualquier cosa que JavaScript pueda tocar! El complemento ScrollTrigger de GSAP le permite crear asombrosas animaciones basadas en desplazamiento con un código mínimo. gsap.matchMedia() facilita la creación de animaciones receptivas y fáciles de acceder.
8- Escena.js
Escena.js es una biblioteca de animación basada en líneas de tiempo de JavaScript y CSS. Viene con muchos ejemplos que le ayudarán a crear animaciones de objetos complejos para cualquier sitio web. Los ejemplos incluyen: efecto de árbol, animación de caída de nieve, efecto de cubo, rotación de tarjeta de contenido, explosión de círculo y animación de claqueta.
9- Fallo de poder
PowerGlitch Es una biblioteca independiente sin dependencias externas. Aprovecha las animaciones CSS para modificar cualquier cosa en la web, sin utilizar un lienzo. Pesa menos de 2 kb minimizado y comprimido con gzip.
10-TweenJS
entrejs es una biblioteca de interpolación simple para usar en JavaScript. Fue desarrollado para integrarse bien con el CaballeteJS biblioteca, pero no depende de ella ni es específica de ella (aunque utiliza las mismas clases Ticker y Event de forma predeterminada). Admite la interpolación de propiedades de objetos numéricos y propiedades de estilo CSS.
11-Velocidad.js
Velocidad es un motor de animación con la misma API que $.animate() de jQuery. Funciona con y sin jQuery. Es increíblemente rápido y presenta animación en color, transforma, bucles, facilitar la animación, soporte SVGy desplazamiento. Es lo mejor de las transiciones jQuery y CSS combinadas.
12-tres.js
El biblioteca tres.js es un 2D increíble/ Biblioteca JavaScript de animación 3D que se puede utilizar para crear animaciones ricas y complejas para juegos, sitios web educativos para niños y presentaciones sofisticadas.
Las compilaciones actuales solo incluyen un renderizador WebGL, pero los renderizadores WebGPU (experimental), SVG y CSS3D también están disponibles como complementos.
13- Revelar desplazamiento
DesplazarseRevelar es una biblioteca de JavaScript para animar fácilmente elementos a medida que entran/salen de la ventana gráfica. Fue diseñado para ser robusto y flexible, pero a continuación te sorprenderá lo fácil que es aprenderlo.
14- Animatico
Con Animatic es fácil animar más de cien objetos a la vez. ¡Cada elemento puede tener su masa y viscosidad para emular objetos realistas! Y solo pesa 7k cuando está comprimido.
15- Typed.js
Mecanografiado.js es una biblioteca que escribe. Ingrese cualquier cadena y observe cómo escribe a la velocidad que haya configurado, retroceda lo que se escribió y comience una nueva oración para todas las cadenas que haya configurado. Aquí puedes ver algunos población.
16- Entre.js
Entre.js es un JavaScript ligero simple y gratuito (ES6) interpolación biblioteca, funciona con todos los navegadores modernos y viene con una API sencilla y fácil de usar para desarrolladores.
17- Solo anima 2
Solo anima 2 es una biblioteca de animación rica en funciones que admite animación de línea de tiempo, secuenciación, animación CSS y viene con un motor de interpolación incorporado.
18- Anime.js
anime.js (/ˈæn.ə.meɪ/) es una biblioteca de animación JavaScript livia
na con una API simple pero poderosa.Él funciona con propiedades CSS, SVG, atributos DOM y objetos JavaScript.
19- Cargando animaciones
Si estás buscando una animación de carga de JavaScript que puedas incluir en tu proyecto, te recomendamos esta sencilla biblioteca que ofrece muchas animaciones de carga con ejemplos de código.
20- Barra de progreso.js
Barra de progreso.js ofrece barras de progreso responsivas y elegantes con rutas SVG animadas. Utilice formas integradas o cree sus propios caminos. Personalizar las animaciones como desees.
Etiquetas
JavaScript Desarrollo web basado en web Lista de herramientas para desarrolladores Marcos de desarrollo
