An open source motion library for React, made by @framer.
Joined March 2024
- Tweets 54
- Following 79
- Followers 304
- Likes 72
Photos and videos
Framer Motion retweeted
Jan 12
Notice how in the correct example chips move instantly to their new position when a chip is removed.
Thatโs because of the `popLayout` mode on AnimatePresence in motion/react which creates a smoother, faster transition when removing an element.
29
60
1,815
97,777
Framer Motion retweeted
Jan 12
A demo component I built for my article about shared layout animations
50
57
1,519
50,919
Framer Motion retweeted
23 Jun 2025
Loader exploration from last year at Linear with @yannglt.
It's a mix of `translateZ` and `rotateY`.
17
33
1,381
132,192
Framer Motion retweeted
25 Nov 2024
card splitting accordion interaction โฏโกยฐ
35
44
1,051
90,354
Send Money Interaction โง
Made with Tailwind and Framer Motion.
Inspired by @nitishkmrk
2
20
236
10,912
Framer Motion retweeted
13 Nov 2024
We're hiring our first Web Designer at @rebootstudio_
Join a small but mighty team and help us ship some of the best stuff on the web. Craft first. No bureaucracy. Remote.
We've designed a special application page for the occasion. No CV. No cover letter. Just show us your best work.
66
18
476
45,180
Create New Interaction โง
Made with Tailwind and Framer Motion.
Inspired by @nitishkmrk
6
28
513
23,885
added
โ the world's most up to date copyright
โ encrypt mode (this took WAY too long)
โ studiomds.com
8
8
255
22,040
Framer Motion retweeted
12 Nov 2024
pure css implementation of sunlight streaming through the window โจ
an incredible work of art by @_jzhao ๐
code is fully OSS too โ git.new/sunlit
21
57
1,245
63,069
Framer Motion retweeted
7 Jun 2024
It looks like I will be remaking all of the Airbnb micro animations.๐The code remains the same as before, with only updates to the margin and position.
๐ฆ: framer-motion
Code: gist.github.com/Eronred/8a09โฆ
4
52
8,178
Framer Motion retweeted
31 May 2024
Built these little demos with Keynote and Magic Move originally this morning, then rebuilt them in code with Framer Motion after settling on the design and timing.
Surprisingly nice little workflow, was a lot quicker to nail the concept in Keynote vs. starting in code ๐
7
3
128
21,219
Framer Motion retweeted
1 Jun 2024
I forgot to mention that by adding the "layout" prop from Framer Motion, automatic animation of layout and size is enabled when the layout changes.
๐
1 Jun 2024
Just wrap your component with <AnimatePresence> from Framer Motion, and even though it is a small detail, it will be smooth enough to go ๐ง
1
19
1,911
Framer Motion retweeted
5 Jun 2024
I remade this lovely animation with the framer-motion library; it's about 30 lines of code.
Also, I adjusted the damping from 20 to 10 in the latest animations, causing it to be more jumpy.
6
7
247
38,096
Framer Motion retweeted
6 Aug 2024
I wanted to start a series of coding these amazing widgets with the framer-motion package ๐งฎ Enjoy the journey ๐ฃ๏ธ
Here is the first one ๐งง
1
3
20
1,988
Framer Motion retweeted
24 Jul 2024
๐ฟ๐ player ๐ง
w/ framer motion
2
11
248
15,543