Popmotion
@popmotionjs
Followers
2K
Following
1K
Media
153
Statuses
2K
Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.
London, England
Joined July 2015
RT @mattgperry: The Appear Effects optimisation has arrived in @framer! It brings huge SEO and user benefits with Lighthouse scores way up….
0
4
0
RT @mattgperry: 🚀 Introducing hardware-accelerated animations in @Framer Motion!. The new hybrid engine mixes the power of JS animations wi….
0
33
0
RT @pixelbeat: WIP, I'm recreating the @Apple iPod Pro landing page in @framer. It's unfinished and it has a ton of layout bugs, but it's….
0
26
0
RT @mattgperry: 👩🏼🔬 Ever wanted to mix AnimatePresence with @remix_run's React Router? Check out our new official example:. .
0
5
0
RT @mattgperry: 🚀 Pop pop! Framer Motion 7.2 introduces the "popLayout" mode to AnimatePresence. In this mode, exiting elements will be po….
0
75
0
RT @mattgperry: Perforated <div />, etched frosted <footer /> and I don't even know what the third one is. Some digital materials from rece….
0
12
0
RT @mattgperry: I got nerdsniped on our @framer Discord and now here's an example of dynamically adjusting ticker speed based on scroll vel….
0
9
0
RT @mattgperry: 👩🚀 Ever wanted to transform an element without transforming its child? It's possible!. Once per frame, calculate the inver….
0
16
0
RT @mattgperry: New to @framer Motion? I'm refreshing our examples over the following weeks, starting from the absolute basics through to m….
0
24
0
RT @mattgperry: Five years ago I wrote a guide called "Create the Perfect Carousel". In retrospect it was anything but! . With the new Caro….
0
5
0
RT @mattgperry: ⭕️ I've just made a new background-image + backdrop-filter effect. Get the CSS here: https://t.co/….
0
4
0
RT @mattgperry: #005 Spring transitions. Animate values with realistic spring physics simply by setting type="spring". Demo: https://t.co/….
0
1
0
RT @mattgperry: 🚀 Framer Motion 6.5 introduces useScroll - the easiest way to create amazing scroll-linked animations in React!. https://t.….
0
31
0
RT @mattgperry: Currently doing a pass on the Framer Motion docs, surfacing some things that are currently buried within bigger pages and a….
0
8
0
RT @mattgperry: 🚀 Framer Motion 6.4 introduces useInView!. This 0.6kb fat-free utility hook simply returns true when an element is within t….
0
52
0
RT @mattgperry: 💡 When animating an SVG path with stroke-linecap set to "round", have you ever noticed that even if the path length is set….
0
6
0
RT @mattgperry: 👨🔧 Just released an interesting bug fix for mixing rotation and layout animations in Framer Motion. In this video, the gr….
0
4
0
RT @benjaminnathan: 🫡 I’ve created a new starter template you can use for your next personal website and blog in @framer. Fast, reliable an….
0
11
0