Animation
Advanced Continuous Page Transition in Framer
This is a Framer recreation of the continuous page transition from the IKEA Yearbook website. The cool thing is that each time you click one of the cards, you're actually being taken to a new webpage – you can verify this by checking the URL.
Created by



About the resource
Creating such page transitions in Framer wasn't possible before, but with layout templates (new feature), a whole new world of opportunities has been presented to us. This is possible because all fixed elements within layout templates don't reload when switching between pages, so if these fixed elements are components, their variant switches across different pages can be animated seamlessly.
Keep in mind that this demo is for pushing the boundaries of layout templates, and not the intended use case, but I just wanted to show what you can create if you think a little outside the box.
About the resource
Creating such page transitions in Framer wasn't possible before, but with layout templates (new feature), a whole new world of opportunities has been presented to us. This is possible because all fixed elements within layout templates don't reload when switching between pages, so if these fixed elements are components, their variant switches across different pages can be animated seamlessly.
Keep in mind that this demo is for pushing the boundaries of layout templates, and not the intended use case, but I just wanted to show what you can create if you think a little outside the box.
About the resource
Creating such page transitions in Framer wasn't possible before, but with layout templates (new feature), a whole new world of opportunities has been presented to us. This is possible because all fixed elements within layout templates don't reload when switching between pages, so if these fixed elements are components, their variant switches across different pages can be animated seamlessly.
Keep in mind that this demo is for pushing the boundaries of layout templates, and not the intended use case, but I just wanted to show what you can create if you think a little outside the box.

The variants of the component used in the layout template as a fix element.

The variants of the component used in the layout template as a fix element.

The variants of the component used in the layout template as a fix element.