Magic Library

A micro library to make the Web Animations API easier to use via JSON components.

Available on GitHub.
Available on GitHub.

I used:

  • Web animation API
  • ES6 modules
  • JSON


I created Magic Library to learn more about the Web Animations API. I found out that for most of my use cases in User Interface Motion Design I used the same animations. With Magic Library you can use single JSON files to animate elements. You can also use all the possibilities of the Web Animations API and change the animation inline.

How to use it
How it works

But wait, there's more!