Audience
Individuals, animators and developers looking for a solution to create animations using a single unified API
About Anime.js
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations simple. It can be used on both timings and properties. Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element. Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions. Anime.js works with anything web. CSS, SVG, DOM attributes and JavaScript Objects, animate everything with a single unified API. Staggering allows you to animate multiple elements with follow-through and overlapping action. Animation keyframes are defined using an Array, within the keyframes property. Each keyframe duration will be equal to the animation's total duration divided by the number of keyframes.
Other Popular Alternatives & Related Software
PTE AV Studio
PTE AV Studio 10.5 offers you full creative control for your projects. Use the timeline view for perfect synchronization of slides with audio clips on multiple tracks. Powerful keyframe animations with effects. More than 125 templates/styles of animations will help you to easily create your slideshow. 125+ customizable slide styles, themes and transition effects. Each slide style allows you to easily adjust several parameters of animation. Create new slide styles, themes and transitions and share with other users. Add and view multiple audio tracks which may be played simultaneously. Synchronize slides with audio clips on the timeline using time points. Link audio clips with slides. Keyframes work like waypoints. Add first keyframe and adjust position and size of an object. Add last keyframe and adjust the final position of an object and its parameters. PTE AV Studio will animate the object between these keyframes using pan, zoom, rotate etc.
Learn more
Velocity.js
Velocity is an animation engine with the same API as jQuery's animate. It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Velocity, include it on your page and replace all instances of jQuery's animate with velocity. You will immediately see a performance boost across all browsers and devices, especially on mobile. Velocity works everywhere, back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance.
Learn more
Express Animate
Express Animate helps you create stunning animations using objects, images, illustrations, and videos. Choose from a wide array of effects and animation tools to add your creative flare to your project. Get creative with applying transformations and effects to image objects. Quickly convert a color object to black and white or sepia. Enhance an object by adjusting the color temperature or saturation. Use keyframes with the object properties to motion tween, zoom, rotate, and more. Add life to your characters and animated cartoons. Animate separate body parts or group multiple objects together to optimize the animation process. Use the timeline to move your character and create animations. Use multiple layers and keyframes to add special effects, audio, and more. Express Animate has advanced tools for experienced animators and graphic designers, including vector masks, onion skins, blending modes, and a graph editor for precise animation.
Learn more
Choreographer-js
A simple library to take care of complicated animations. You can also add custom functions that do non-CSS animations! Install and save to your package.json, and include it in your Javascript. Brew up some instant scroll animations. Animate based on scroll location, animate based on mouse X location and create multiple animations based on mouse X location. Now you can create an instance of Choreographer, and run the animations based on whatever measurement floats your boat (ex. scroll position, mouse position, timestamp, whatever). The easiest way to understand how this all works is to check out the examples. Bugs will occur if you overlap animation ranges that affect the same style properties! There are two built-in animation functions available, called 'scale' and 'change'. Progress is what allows for progressive scaling of values (ex. smooth fading of opacity, 2d translation, etc.) If the value is between 0 and 1, that means you are within a range.
Learn more
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Integrations
API:
Yes, Anime.js offers API access
No integrations listed.
Company Information
Anime.js
Founded: 2010
France
animejs.com
Videos and Screen Captures
Other Useful Business Software
Apify is a full-stack web scraping and automation platform helping anyone get value from the web.
Actors are serverless cloud programs that extract data, automate web tasks, and run AI agents. Developers build them using JavaScript, Python, or Crawlee, Apify's open-source library. Build once, publish to Store, and earn when others use it. Thousands of developers do this - Apify handles infrastructure, billing, and monthly payouts.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
