Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.
London, England
- Tweets 1,671
- Following 92
- Followers 2,388
- Likes 1,479
Popmotion retweeted
Is it possible to have a personal Prettier config where you open a file formatted differently to your personal style, it gets presented formatted in your own? (Then changes are saved out in the source format?)
2
1
7
Popmotion retweeted
Whipped up this cool scatter plot animation w/ @popmotionjs / #ReactJS / #D3JS - codesandbox.io/s/kk1z5oxqpo
2
2
Popmotion retweeted
Here it is! React-rewards lets you reward your users for little things and make them smile! 😉
github.com/thedevelobear/rea…
1
5
Popmotion retweeted
Sure! I'm planning to create a lib with a wrapper to create buttons like that, but for now:
codesandbox.io/s/7zlj28qv26
1
2
7
Popmotion retweeted
Just created this async button spring animation in like... 10 minutes! High five for the great work @popmotionjs! 🙋♂️
2
3
32
Popmotion retweeted
Connected animation transition on @gatsbyjs using @popmotionjs for animation.
The trick is both pages actually render the same image. All we have to do is:
1. grab the selected image's current position and dimension using refs (1/3)
P.S. source code is on the next tweet
4
16
109
Popmotion retweeted
I ♥️ @popmotionjs so I made:
✅ usePose - hook for declaring poses
✅ PoseDebugger - will add an animation debugger to the page
✅ sequence - simple function for coordinating animation
I might release it as a lib, for now, check out the sandbox:
codesandbox.io/s/204zox9wxn
2
4
55
Oh man! ❤️
Yoooo I'm a bit late to the party but react-pose is AMAZING 😍️
popmotion.io/pose/learn/dyna…
10
Popmotion retweeted
New #reactjs hook for smooth scrolling, built on top of #callbags with a little bit of @popmotionjs's popcorn help, IMHO super clean implementation, liking hooks APIs more & more ❤️ github.com/Andarist/use-smoo…
1
3
24
Pose for React 4.0: Animating custom components made simpler
Always nice to clean up an API!
popmotion.io/blog/20181101-r…
9
44
Popmotion retweeted
@ryanwiemer made his portfolio website github.com/ryanwiemer/rw with page transitions. He writes beautiful code and made me understand popmotion a lot better.
1
1
7
Popmotion retweeted
If you're like me who likes animation but can't seem to do it on #react or anywhere. Check out @popmotionjs I was able to create this *complex* navigation for my @gatsbyjs website.
4
9
78
Sketching a version of Pose that uses hooks under the hood really highlights how much interleaving, imperative stuff is buried in there. Exactly the stuff it was written to avoid.
1
1
11
The eagerness with which time-stretched devs are jumping on @reactjs hooks for their apps, websites and libraries is a rare testament.
I personally look forward to migrating Pose to hooks internally, and maybe providing a Popmotion hooks API for simplifying that story too
20
Popmotion retweeted
"The Path To A Declaratively Animated Future" by @mattgperry youtube.com/watch?v=1e07uPWp…
1
3
26
Popmotion retweeted
Finally back and able to try out a couple things from #ReactConf2018. Here's an example of iOS-style additive animations using Popmotion and React Hooks. (Interrupt the animation with the toggle button, as much as you like - these are stacked tweens!)
codesandbox.io/s/7o26yk0y5j?…
1
3
23
This is both an excellent utility library and a great source of inspiration for React Hooks github.com/palmerhq/the-plat… @jaredpalmer
1
5
44