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
Quick experiment with text and framer motion codesandbox.io/s/cranky-newt…
3
2
11
Popmotion retweeted
Having fun with @framer motion 😎. Still blown away by how good the primitives are! Continuously great work @mattgperry and team 👏 codesandbox.io/s/framer-moti…
3
3
39
Popmotion retweeted
Prototyping Gamepad UI’s with @framer since their release of Framer Motion is fantastic.
Here’s an example of forward/backwards page transitions using React Router in combination with Framer Motion’s Animate Presence feature.
6
24
221
Popmotion retweeted
Easy device controlled animations with the Sensors API and @framer motion.
Thanks @mattgperry
Demo: mvuo2.csb.app/
Code: codesandbox.io/s/sensors-api…
#React #reactjs
8
33
Popmotion retweeted
Excited to share with you: react-laag 🎉
Primitive to build things like tooltips, dropdown menu's and pop-overs.
github.com/everweij/react-la…
5
4
27
Popmotion retweeted
This was a lot of fun to build. Introduced @popmotionjs to Memrise's new onboarding flow for these fun, springy animations
1
2
9
Popmotion retweeted
I don't often use Framer Motion's imperative animation controls but they can be a useful escape hatch when you need to animate something that isn't necessarily as a result of a state change.
codesandbox.io/s/framer-moti…
1
3
42
Popmotion retweeted
These page transitions look so good!
Of all React animation libraries I tested, @framer Motion made the highest impression on me. Here's an example of animating Next.js page transitions: next-motion.heruc.now.sh
1
5
45
Popmotion retweeted
🖼🔍 Haven't done one of these in a while! Check out how simple an image zoom effect is with Framer Motion. Just layout your two states for the image using CSS, whack on a layoutTransition prop and:
codesandbox.io/s/framer-moti…
4
9
109
Popmotion retweeted
Here’s a new example file with 20 production-ready animations and interactions made entirely using Framer Motion. Get it here → bit.ly/examples-motion
8
27
192
Popmotion retweeted
🚀 Introducing the App Store, for web!
...Well okay, maybe just its UI. Recreated in @reactjs using the new layout transition feature in Framer Motion 1.6!
codesandbox.io/s/app-store-u…
19
85
686
Popmotion retweeted
This is so good I had to try and make a version in @reactjs using Framer Motion
codesandbox.io/s/framer-moti…
Image Trail Effects | Codrops tympanus.net/codrops/2019/08… #demo #javascript #gsap #webdesign #brutalism
2
9
54
Popmotion retweeted
Animating size via scale rather than width and height is great for performance, but it visually distorts child content.
The new useInvertedScale @reactjs hook in Framer Motion 1.5 provides two MotionValues that correct this distortion!
Check it out: codesandbox.io/s/framer-moti…
3
52
457
Popmotion retweeted
Made this nifty little animation yesterday for a warehouse clock in/out app. Shout out to Framer motion for making it way easier than I thought.
2
7
58
Popmotion retweeted
Me: I'm going to have a productive day today
@heyiboy: Something something onion skins
Me: 🧐
codesandbox.io/s/framer-moti…
4
32
Popmotion retweeted
Framer Motion's useViewportScroll and useTransform hooks can be combined to create declarative parallax effects in @reactjs
Here's an example with CSS blend modes: codesandbox.io/s/framer-moti…
(Blend mode performance falls apart at higher viewport sizes - any ideas?)
1
7
64
Popmotion retweeted
With the motion.stop component you can create complex SVG gradient animations for those lava lamp vibes.
@AddisonSchultz has made this awesome @framerloupe spinner using it, check it out:
codesandbox.io/s/elastic-wor…
4
26
Popmotion retweeted
Check out how to make 100% declarative route transitions with @framer Motion x @reactjs Router
codesandbox.io/s/framer-moti…
5
11
118
Popmotion retweeted
I just released my first @gatsbyjs theme: gatsby-theme-amsterdam. 🥳
Demo - amsterdam.netlify.com/
Source - github.com/ryanwiemer/gatsby…
- Minimal responsive design
- Customizable theme
- Optional page transitions via @framer Motion
- Multiple grid options
- Pagination
- Tags
17
28
201
Popmotion retweeted
🎣Framer Motion's useAnimation hook provides imperative animation controls that you can pass to one or more motion components.
The ability to manually trigger animations can help out in a pinch. Just don't get carried away:
codesandbox.io/s/framer-moti…
15
192