Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.

London, England
Working on a pen, I realise I've underestimated how much magic @reactjs performs on handling input value changes and related events. <3
2
A new @CodePen for your consideration: Color picker with tactile sliders codepen.io/popmotion/full/vZ…
1
Popmotion Timeline provides a fully scrubbable, composable, easeable, stretch-and-squishable timeline for just 1kb! popmotion.io/api/timeline/
1
1
Publishing a feature you're excited about: youtube.com/watch?v=0hiUuL5u…
1
Did you know Popmotion already supports setting and animating CSS variables? Neither did I! Docs updated popmotion.io/api/css/
1
7.4.0 out now, adds seek method to tweens! Later this week - Popmotion Timeline will use this for fully scrubbable timelines.
7.3.1 adds regular interval snapping to the snap transformer: Clicking our new Popmotion Spinnable to 45deg notches is easy as `snap(45)`
1
Make any DOM node or React component spinnable with Popmotion Spinnable! popmotion.io/api/spinnable/
1
7.3.0 is out! Featuring a new snap transformer, demonstrated with this edit of today's CodePen: codepen.io/popmotion/full/jw…
1
2
New @CodePen demo: Rotating dial with spin momentum: codepen.io/popmotion/full/Mo… Step by step tutorial coming soon!
New advanced guide about FP in animation and composing value pipelines popmotion.io/learn/value-pip…
2
4
The mobile web is broken, and everyone's to blame popmotion.io/blog/20170710-m…
1
1
Animate scrolls with Popmotion tween/physics and the new Scroll Renderer popmotion.io/api/scroll/
Yo! Popmotion x React now supports @reactjs TransitionGroup lifecycle methods! popmotion.io/api/react/
Replying to @reactjs
What's a cheeky kilobyte between friends? ๏_๏
1
PS if you're already using @popmotionjs and @reactjs, Popmotion x React will add less than 1kb to your bundle.
1
1
Excited to finally announce Popmotion x React! Declarative animations, physics and input tracking for @reactjs popmotion.io/api/react
5
59
190
First blog post: Why I chose easeOut as Popmotion's default easing popmotion.io/blog/20170703-c…
1
Physics-based animations can be more engaging than tweens. Find out how with our new physics primer: popmotion.io/learn/velocity-…
2