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

Why?

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.

data[0].imageAlt2
How to use it
data[0].imageAlt3
How it works

But wait, there's more!