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
Curious about what makes Framer Motion different? Product engineer @mattgperry takes you on a whirlwind tour of some of its biggest features. Read it on the Framer blog — bit.ly/2XC3XwJ
18
101
Popmotion retweeted
Say hello to Framer Motion, the successor to Pose by @PopmotionJS. A truly simple @ReactJS animation library that designers will love for prototyping and developers can use in production. Now open source and available to all.
See it in action — bit.ly/2Jtj5sy
22
275
964
🚀 New in Stylefire 6.0: Improved SVG support, including explicit support for x/y as positional attributes and transform.
1
8
🚀 New in Popmotion Pure 8.7: Add a delay between tween repetitions with the repeatDelay prop.
Landing soon in @framer Library.
1
20
Popmotion retweeted
The hook always creates a new MotionValue, but attaching it to an existing one is optional. Which means as little code as this:
1
1
15
Popmotion retweeted
Drag gesture + elastic drag constraints + MotionValues + CSS variable animation = ~60 lines of declarative code
1
20
270
Popmotion retweeted
@reactnative svg path interpolation using Flubber, @popmotionjs and setNativeProps:p (bonus: gradient animation😂)
1
1
12
Popmotion retweeted
At this point it's probably almost time to release the successor to Pose...
1
3
34
Popmotion retweeted
We're looking for a senior JavaScript / DOM / React performance engineer at @framer. If you enjoy making the dom fly, reach out. Remote ok.
8
68
172
Popmotion retweeted
I've decided I want to contribute more to open source. I've just released my first package in over two years 😃. Thanks @popmotionjs for the foundation and awesome tools to make animations! Hope you guys like it, feedback is very welcome. github.com/everweij/react-tr…
1
4
13
Popmotion retweeted
With our new shared colors release, you can seamlessly share color palettes with your team. Update them as you go to create a living style guide and ensure your design system is always in sync. Learn more — bit.ly/2JUifp2
1
13
81
Popmotion retweeted
19) Here's one still in the oven. Soon you'll be able to provide a @reactjs ref to another component to use as dragConstraints.
Think a playbar scrubber within a playbar.
2
2
16
Popmotion retweeted
18) The useViewportScroll hook is actually super-useless in Framer X itself (slow awkward wink) but super-useful on web pages.
It returns four MotionValues, two for each scroll axis. One outputs the scroll position in pixels, the other as a progress value from 0-1.
1
2
9
Popmotion retweeted
😻😻 I was bored this morning so I made a Tinder for Cats using @popmotionjs - codesandbox.io/s/ywxl00ypqz
#react #javascript #reactjs #webdev
2
4
8
Popmotion retweeted
I love React, but it was always a bit too slow for prototyping. React Hooks changed that for me and so I wrote a post for people who are on the fence: framer.com/blog/posts/react-…
6
33
166
Popmotion retweeted
Introducing Framer Playground, a new creative coding environment available right in #FramerX. It's a built-in code editor that helps you learn React as you go, with smart suggestions, an animation library, and world-class education material — bit.ly/2JnPqkU
19
157
798