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
I took the @popmotionjs Framer Motion Drag and drop example and made a nice easy wrapper for it.
github.com/leveluptuts/drop-…
Super simple API
2
2
21
Popmotion retweeted
Using Framer Motion: "Wouldn't it be cool if we could add an ease to a transform?"
... and of course it's already there. 💯
1
10
55
Popmotion retweeted
We've finally built the transition editor I've always wanted to use, and it's just 🚀 in the Framer beta.
Here's 6 things to 🎓 about the new controls:
9
22
171
Popmotion retweeted
I made some @eggheadio videos showing some practical use cases for @framer Motion (a library featured on the latest episode of @syntaxfm). ↗️↙️
You should check them out 😁: egghead.io/playlists/animati…
@framer Motion is featured as the latest @syntaxfm Hasty Treat!
Thanks for the shout-out @stolinski @wesbos
syntax.fm/show/223/hasty-tre…
1
4
39
Popmotion retweeted
My favorite thing about @mattgperry's @Framer motion is the simplicity of <AnimatePresence>.
I started playing around with an <animate-presence> web component built with @stenciljs. No framework needed!
4
8
64
Popmotion retweeted
Quick video from @stolinski demonstrating how quick it is to convert a component from React Spring to @framer Motion
youtube.com/watch?v=uWQoWGVo…
4
16
Popmotion retweeted
I've been digging deep into the Animation Worklet and I reckon it's four crucial features short of an MVP.
Read all about them: inventingwithmonster.io/2020…
9
8
39
Popmotion retweeted
Idea: Turn off animations if users are on a slow device.
Demo with React (Next.js), Framer Motion & react-adaptive-hooks: glitch.com/~next-motion (forces low-memory mode)
8
254
1,466
Popmotion retweeted
Framer Motion + Path Drawing + Motion Path =
codesandbox.io/s/framer-moti…
3
11
69
Popmotion retweeted
🚀 New in @framer Motion 1.8: Imperative drag controls 👆
Allows you to manually trigger dragging on a @reactjs component from any other event target, with optional cursor snapping. Great for progress bar sliders!
Check out this ~20 line demo: codesandbox.io/s/framer-moti…
11
84
Popmotion retweeted
🚀 Accessible animations made easy with @framer Motion 1.7!
The new useReducedMotion hook makes it simple to disable autoplaying videos, disable parallax effects, and replace motion-sickness inducing animations with opacity-based transitions!
Demo: codesandbox.io/s/framer-moti…
2
49
247
Popmotion retweeted
The interactive animations on the new page for Framer Web are all made with @Framer Motion! Give it a try in your next React project. It’s great! 😁
The Framer Web page → framer.com/web/
Framer Motion → framer.com/motion/
10
67
Popmotion retweeted
Small @framer Motion update today. Animation controls .set now matches .start, in that it can accept a function that resolves different props for each component. Thanks to @hassenchaieb for this one!
1
2
41
Popmotion retweeted
We're excited to announce CodeSandbox CI—a CI service for open source library maintainers! 🚀
It's a GitHub App that you add to a repo, and for every PR we make a build of your library. So you can test the library directly in a sandbox without publishing
codesandbox.io/post/codesand…
14
288
931
Popmotion retweeted
Are you an engineer with a passion for design? We want to hear from you!
Take our 3-minute survey to tell us what resources we can create for you — bit.ly/34G2JUZ
2
11
35
Popmotion retweeted
Just published Morpher 1.3, which introduces Color Interpolation! This allows for many new types of transitions—all without having to write any code. Available now. 💖
packages.framer.com/package/…
4
24
132
Popmotion retweeted
Framer’s @mattgperry sat down with @chriscoyier from @css to talk all things Framer Motion. Together they look into the API, solve some real-world problems, and finish with an overview of Framer itself. Watch now — bit.ly/2WkkbLW
20
89
Popmotion retweeted
Ported my Apple Watch app menu demo from @framer to production-ready Framer Motion. It took about 2 minutes!
codesandbox.io/s/framer-moti…
6
37
257
Popmotion retweeted
I’ll be writing a tutorial for @smashingmag about practical Framer Motion animations for React apps. Will be covering:
- Page transitions
- Staggers
- Mount/Unmount animations
- Scrolling animations
Is there anything else that should be included? @framer #reactjs
5
7
45