Anime.js 3.0 released: Support for ES6 modules and new website

Anime.js is an animation engine for JavaScript that has already been released in version 3.0. Included in the new version is support for ES6 modules, but also a new website got the library, which shows what the project can do.

Animate anything

The website of the library Anime.js advertises with the slogan “Animate anything”, meaning that HTML, JS, CSS and SVGs can be animated. A single, central API is used for this. The animation engine itself is written entirely in JavaScript, as shown in the project’s GitHub repository. Recently, Anime.js 3.0 released a new major version of the library with some new features. Among them is support for ES6 modules, as well as a function for the automatic conversion of CSS units. For the delayed display of animations, an end point can now be defined via endDelay . The staggering was supplemented by a helper. In addition, Anime.js 3.0 includes a keyframes system, and new easings: spring(mass, stiffness, damping, velocity) and steps(x).

The new callback change() replaces the previously used callback run() and thus represents a breaking change for existing projects. In addition, the behavior of the library with regard to inactive tabs has changed. Animations are now paused here. For more information on what’s new in Anime.js 3.0, see the Changelog on GitHub.

Anime.js: Testing animations in the docs

But what exactly does the library do? The new website , released on the release of version 3 of Anime.js, provides some general examples of how to work with the library. Thus, among other things, a wave effect can be observed, which spreads out in a circle. This is part of the Staggering animation. This can, however, more. If you want to know more about it, you can take a look at the documentation that illustrates the individual animation options, provides a description and a code example. Also the documentation was revised to version 3.0. Some more examples of using Anime.js can be found on codepen.

Anime.js 3.0 is available under MIT license can be obtained via npm:

 $ npm install animejs --save

Recent Articles

5 tips for effective remote pair programming

Home office is a challenge where people work and communicate closely together. Pair programming, i.e. working together on a source code, also lives from...

What are the Reasons You Should Play Online Bingo?

Online bingo is fast becoming popular among the masses. It uses unique bingo software to bring fun to you without you having to go somewhere to...

Most in-demand IT jobs from last decade

Uber for travel, Netflix for leisure and Google for everything is the ideal routine that we all wish to follow, of course with Instagram...

The finest text editor for professional bloggers

It is a fact that blogs have replaced books and magazines due to increasing popularity of the online world. Serious readers subscribe to blogs...

Angular 9 final release released

Angular 9 final is here! The new version was released a little late. Ivy is of course one of the new features, but that's...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here