An open source motion library for React, made by @framer.
Joined March 2024
- Tweets54
- Following79
- Followers311
- Likes72
Framer Motion retweeted
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.
Framer Motion retweeted
Loader exploration from last year at Linear with @yannglt.
It's a mix of `translateZ` and `rotateY`.
Framer Motion retweeted
Send Money Interaction ✧
Made with Tailwind and Framer Motion.
Inspired by @nitishkmrk
Framer Motion retweeted
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.
Framer Motion retweeted
Create New Interaction ✧
Made with Tailwind and Framer Motion.
Inspired by @nitishkmrk
Framer Motion retweeted
added
✓ the world's most up to date copyright
✓ encrypt mode (this took WAY too long)
→ studiomds.com
Framer Motion retweeted
pure css implementation of sunlight streaming through the window ✨
an incredible work of art by @_jzhao 👏
code is fully OSS too → git.new/sunlit
Framer Motion retweeted
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…
Framer Motion retweeted
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 👍
Framer Motion retweeted
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.
👇
Framer Motion retweeted
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.
Framer Motion retweeted
I wanted to start a series of coding these amazing widgets with the framer-motion package 🧮 Enjoy the journey 🛣️
Here is the first one 🧧
