FlippyJS

FlippyJS is a helper library for FLIP animations - it allows you to easily animate any changes you make to the DOM, without having to specify the animation manually. All animations are done using CSS animations.

It is exposed as a UMD library, supporting AMD, CommonJS and <script> usage.

Usage

Using FlippyJS is simple: all you need to do is call the flip(...) function. It takes up to three parameters: the elements to animate, a function which should alter the DOM, and an optional options object.

Demos

Several demos are available from the demos page.

Here’s a small example for those pressed on time: