Sabitlenmiş Tweet
Framer Motion
54 posts
Framer Motion
@framermotion
An open source motion library for React, made by @framer.
Katılım Mart 2024
78 Takip Edilen285 Takipçiler
Framer Motion retweetledi
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.
English
Framer Motion retweetledi
A demo component I built for my article about shared layout animations
English
Framer Motion retweetledi
Loader exploration from last year at Linear with @yannglt.
It's a mix of `translateZ` and `rotateY`.
English
Framer Motion retweetledi
Framer Motion retweetledi
Framer Motion retweetledi
Framer Motion retweetledi
Framer Motion retweetledi
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.
English
Framer Motion retweetledi
Framer Motion retweetledi
added
✓ the world's most up to date copyright
✓ encrypt mode (this took WAY too long)
→ studiomds.com
English
Framer Motion retweetledi
pure css implementation of sunlight streaming through the window ✨
an incredible work of art by @_jzhao 👏
code is fully OSS too → git.new/sunlit
English
Framer Motion retweetledi
Framer Motion retweetledi
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/8a0999…
Bartek@bartek_marzec
Another airbnb micro interaction found
English
Framer Motion retweetledi
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 👍
English
Framer Motion retweetledi
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.
👇
Erencan Arica@imeronn
Just wrap your component with <AnimatePresence> from Framer Motion, and even though it is a small detail, it will be smooth enough to go 🧙
English
Framer Motion retweetledi
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.
Bartek@bartek_marzec
Airbnb micro interaction is 🧈
English
Framer Motion retweetledi
