How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
New
New
New
Website
This is a demo project to show you how to achieve smooth page transitions similar to what you might see on templates like on Fabrica. I implemented the smooth transition in a free Framer template called Pearl. Feel free to remix the project and see how smooth page transitions like these can be created in framer without any coding.
Created by
Creating smooth page transitions like this in Framer is simpler than you think. All you need to do is just click the main desktop breakpoint on your home page, and add a page effect in the right panel.
Creating smooth page transitions like this in Framer is simpler than you think. All you need to do is just click the main desktop breakpoint on your home page, and add a page effect in the right panel.
Creating smooth page transitions like this in Framer is simpler than you think. All you need to do is just click the main desktop breakpoint on your home page, and add a page effect in the right panel.
The page effect settings for the smoothest results.
The page effect settings for the smoothest results.
The page effect settings for the smoothest results.
You have to set it up in a way that the current page offsets to the top as it’s leaving and the new page enters from the bottom. Spicing this up with the wipe mask setting can really create a smooth one directional movement that makes switching between pages super satisfying.
If you want to see step-by-step how I created this page transition, feel free to watch this full tutorial.
You have to set it up in a way that the current page offsets to the top as it’s leaving and the new page enters from the bottom. Spicing this up with the wipe mask setting can really create a smooth one directional movement that makes switching between pages super satisfying.
If you want to see step-by-step how I created this page transition, feel free to watch this full tutorial.
You have to set it up in a way that the current page offsets to the top as it’s leaving and the new page enters from the bottom. Spicing this up with the wipe mask setting can really create a smooth one directional movement that makes switching between pages super satisfying.
If you want to see step-by-step how I created this page transition, feel free to watch this full tutorial.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
