Not a Number personal blog

Framer's Magic Motion

by Nanda Syahrasyad nan.fyi

How does Framer Motion make layout changes look seamless? In this post, we're taking a deep dive into FLIP, the technique used by Framer Motion to animate changes in layout without sacrificing performance.

Points

243

HN comments

28

Submissions

1

Cited by

0 commenters

Design & UXWeb & Frontend2022

Related posts from the same era

Mechanical Watch

Bartosz Ciechanowski20224,298 points704 commentscited by 59 details

Sound

Bartosz Ciechanowski20223,053 points238 commentscited by 8 details

GPS

Bartosz Ciechanowski20222,900 points320 commentscited by 32 details

Internal Combustion Engine

Bartosz Ciechanowski20212,333 points498 commentscited by 16 details

I regret my website redesign

Michael Lynch20222,011 points800 commentscited by 5 details

The Tyranny of the Marginal User

Nothing Human20231,576 points815 commentscited by 14 details