Animating React With Popmotion Libraries

Popmotion is a declarative motion system for React, React Native, and vanilla JS. More info

Articles & Tutorials

React at 60fps — Building a Medium-Inspired Zoom with React-Pose (
Jun 20, 2019
Learn how to build a zoom feature for your react app using react-pose
  • Dominik Tarnowski
Creating Declarative Animations in React Using Popmotion Pose (
Aug 16, 2018
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.
  • Engin Arslan
Effortless animation with React 16.3+ and Popmotion Pose (
May 21, 2018
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.
  • Dan Webb
Amazing React animation with react-pose (
Apr 10, 2018
Dead easy animation with similar API to styled-components.
  • João Miguel Cunha

Video Guides & Talks

React Native Morph SVG & Gradient animation (
Feb 22, 2019
In this video we'll use Popmotion Pure to morph SVGs with Flubber and also animate the LinearGradients in React Native.
  • Catalin Miron
Animate React Native with Popmotion Pure (keyframes & stagger) (
Feb 03, 2019
In this video we'll use Popmotion Pure to animate Views in React Native. We'll be covering Keyframes and Stagger.
  • Catalin Miron
React Native pseudo maze animation with Pose (
Jan 13, 2019
In this lesson we’re be building a react native animation using pose library by Popmotion and Expo for creating the react-native project.
  • Catalin Miron
Motion in JavaScript (
Mar 31, 2018
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.
  • Kaylie Kwon

Podcast Episodes

Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web (
Jan 17, 2019
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-pose (
Mar 05, 2019
React components for the Pose animation system
  • Matt Perry