Show HN: Motion One – New animation library, built on the Web Animations API
Hi HN!<p>I'm Matt, author of Framer Motion and Popmotion. Today I'm launching my new side-project, Motion One.<p>It's a new animation library built on the Web Animations API (WAAPI). I actually started this project as a book, but repeatedly found myself explaining some odd concepts (like fill mode) that I felt quite strongly that users shouldn't have to care about. I also discovered the state of WAAPI's implementation is very inconsistent across browsers despite green lights across caniuse [1].<p>Motion One smooths over these inconsistencies and adds an opinionated API that makes it easier to use [2]. In addition, it adds all the features you'd want from a modern animation library, like a timeline, independent transform animations, and soon, springs.<p>Being built on WAAPI means you also get hardware accelerated animations in a bundlesize thats around half that of Anime.js and a fifth of Greensock [3].<p>Feedback and suggestions are welcome!<p>[1] <a href="https://caniuse.com/web-animation" rel="nofollow">https://caniuse.com/web-animation</a>
[2] <a href="https://motion.dev/guides/waapi-improvements" rel="nofollow">https://motion.dev/guides/waapi-improvements</a>
[3] <a href="https://motion.dev/guides/feature-comparison" rel="nofollow">https://motion.dev/guides/feature-comparison</a>