Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.
London, England
- Tweets 1,671
- Following 92
- Followers 2,387
- Likes 1,479
Stylefire 1.2.10: If all current transform values are set to default (ie x:0, scale:1), we explicitly set `transform: none` to prevent lingering weird that can come with transforms.
I've forgotten who asked for this and can't find an open issue... maybe I'm dreaming new FRs?
2
This is cool. Popmotion Pose for @aframevr?
We're excited to introduce a sneak preview of @Firefox Reality - a browser we're putting on every new standalone VR and AR headset we can find! Check it out, and follow along on @GitHub as we experiment with new UX, UI, and standards on these new devices. blog.mozvr.com/firefox-reali…
1
3
Popmotion retweeted
🎉🎉🎉 I'm beyond excited to announce that Spectrum is now fully open source!! 🎉🎉🎉
Come and help us build the future of online communities—together! 😍😍😍
💻 Peep the code: github.com/withspectrum/spec…
💬 Full announcement: spectrum.chat/thread/556b491…
50
272
1,222
Popmotion retweeted
🎬 Action! @PopmotionJS is a reactive motion library, inspired by #RxJS Observables. Actions are streams of values that can be started and stopped.
🎨 This is how you can use ˋtween` to create a stream of colors.
Read Episode 29: reactive.how/popmotion/tween
14
60
Tip inspired by a question from @arcticicestudio:
Usually you can't animate pathLength to 0 if your linecap is set to "round", as it just becomes a dot.
Use a passive value to set strokeLinecap to "butt" when pathLength is 0 codepen.io/popmotion/pen/GxG…
2
1
15
React Pose 1.1.1: Conditional children in `PoseGroup` courtesy of github.com/efimweb
Demo: codepen.io/efimweb/pen/yKKXY…
1
1
13
Bugfixes today courtesy of github.com/efimweb and github.com/alirezavalizade - thanks for the contributions!
Popmotion retweeted
We literally just beta-released an all-new @DRIVETRIBE 📱 app - built in less than 20 days.
Tbh I think that #reactnative is the only way something this fast is possible.
I'm f* tired but mind-blown by @DriveTribeTech codebase.
4
9
I've had enough people asking if Pose works in framework x that I should point out that Pose is frameworkless. React Pose is a separate package.
It'd be awesome to see someone make Vue Pose etc
9
Inspired by @Nexii's question about Material Design's asymmetric transformations (material.io/guidelines/motio…), here's an example in Pose (totally overdone cuz it reminded me of HBO):
codepen.io/popmotion/pen/NYy…
1
4
Because why not, here's it combined with the previous stepped motion demo codepen.io/popmotion/pen/bvL…
1
1
Pose tip 2: If you set transition on a Pose and return a custom Popmotion animation, you have full use of its pipe method too. Look at this: Stepped motion on a FLIP animation
codepen.io/popmotion/pen/WzM…
1
7
Pose tip: With the "values" property, you can make full use of Popmotion action's pipe method to do stuff like shape morphing:
codepen.io/popmotion/pen/jzZ…
7
Stoked and relieved to see such a positive response to Pose, even on @newsycombinator 😀 news.ycombinator.com/item?id…
2
🚀 🍻 Introducing Pose, a declarative motion system for HTML, SVG & React!
CSS-like syntax, zero-config animations, FLIP, and more: popmotion.io/pose
Very proud of this one, hope you enjoy using it!
10
64
208
@kenwheeler You might enjoy this one, properly declarative tweening/springs/physics/anything for vanilla JS and @reactjs 16.3!
2
