Mobile Navigations

In this release, we’re introducing new features that improve mobile navigations in Framer, empowering you to deliver exceptional user experiences. We’ve recently shipped viewport unit support within components, for sizing properties such as min-height and max-height. This enables you to design expanded navigation states without relying on nesting. Today, we’re adding the overscroll property, which prevents the page from scrolling along with your navigation. We’ve also refreshed the component previewing experience, avoiding height animations being cut-off. Watch the video above to learn more, or remix our demo here.

• You can use Viewport units for Min and Max Height in Components

• You can now preview height animations from the Component Canvas

• You can add Overscroll to any layer with Overflow set to Scroll

• Fixed a bug where the Viewport UI would render within Components

• Fixed a bug where layers would stretch during animations after scroll