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

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...

VS Code update: New preview features, movable panel and Docker tutorials

The first VS Code update in 2020 was released. In addition to new preview features, parts of the workbench have been revised and the...

Purify: Library for functional programming in TypeScript

The Purify library was developed for functional programming in TypeScript. It should make it possible to use frequently used patterns from functional programming languages...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here