Framer Motion » Layout ID

Layout ID

The AnimateSharedLayout component has another trick up its sleeve: It enables animation between two completely distinct elements, as long as they have the same Layout ID. Giving different motion elements the same ID lets you animate between them. There are two ways to use layoutId: Swapping elements: Removing a motion element and adding another one […]
To access this page, you must purchase The Framer book.