Animating React With Popmotion Libraries

Learn how to build a zoom feature for your react app using react-pose

Adding animations to your website doesn't need to be a daunting task, in this post I'll provide a brief overview of the different options available to implement animations on the web.

In this article we’re going to look at how it can be used with React via react-pose to effortlessly build animations with React that look great.

Dead easy animation with similar API to styled-components.

In this video we'll use Popmotion Pure to morph SVGs with Flubber and also animate the LinearGradients in React Native.

In this video we'll use Popmotion Pure to animate Views in React Native. We'll be covering Keyframes and Stagger.

In this lesson we’re be building a react native animation using pose library by Popmotion and Expo for creating the react-native project.

You may have heard of CSS in JS, but what alternatives are there for implementing interactive motions in JS? This talk will be a comparison of several approaches from using vanilla Javascript to libraries like Anime.js and Popmotion, as well as ones in React ecosystem like React Transition Group and React Motion.

Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future.

React components for the Pose animation system