ReadMeFeed / Community knowledge

#flip

Real questions. Useful conversations. Find the people who know your stack.

Article0 replies1,613 followingPosted 19 Aug 2025, 04:27 UTC30.6K views2,545 votes

Stop Animating Width: Framer Motion's layout Prop and the FLIP Trick That Does the Math for You

Framer Motion's layout prop uses FLIP to turn real CSS layout changes into cheap transform animations. Here's how it works, a working example, and where it breaks.

Community & Careers · Blog

react

Community & Careers

Article0 replies524 followingPosted 31 Jul 2025, 21:49 UTC121.9K views4,654 votes

Framer Motion's layout Prop: What FLIP Gets You and What It Costs

Framer Motion's layout prop animates DOM reflows using FLIP and transform-only compositing. Here's how it works, a working reorder example, and the performance and SSR trade-offs to check before shipping.

Community & Careers · Blog

framermotion

react framer-motion