Page Effects

We’re excited to introduce Page Effects, allowing you to animate between pages. Built on top of the View Transitions API, Framer is the first tool in which you can explore these cutting-edge features visually.

We’re excited to introduce Page Effects, allowing you to animate between pages. Built on top of the View Transitions API, Framer is the first tool in which you can explore these cutting-edge features visually. You can animate all pages of your site with a single click, or target specific pages to animate between. Plus, you can add custom masking effects like Wipe, Inset, and Blinds, making your sites stand out. Currently Page Effects work in Chrome, Edge, and Arc. On browsers like Safari and Firefox, these will simply default back to instant, so it’s a great way to progressively enhance your site. Watch the video above to learn more.

More Updates

Dec 19, 2023

December Update

The December Update introduces a completely redesigned Page Panel, adding support for nesting and folders.

This makes it much easier to manage larger websites with over 100s of Pages, and it even allows you to do batch actions like updating the path of multiple pages at once, just by renaming a Folder.

December Update

Dec 19, 2023

The December Update introduces a completely redesigned Page Panel, adding support for nesting and folders.

This makes it much easier to manage larger websites with over 100s of Pages, and it even allows you to do batch actions like updating the path of multiple pages at once, just by renaming a Folder.

Dec 19, 2023

December Update

The December Update introduces a completely redesigned Page Panel, adding support for nesting and folders.

This makes it much easier to manage larger websites with over 100s of Pages, and it even allows you to do batch actions like updating the path of multiple pages at once, just by renaming a Folder.

Dec 12, 2023

Dashboard Refresh

Today we’re excited to unveil a Refreshed Dashboard built to put your sites front and center.

With this update, project thumbnails are now displayed in a much higher resolution, spanning the entire screen for a more comfortable browsing experience.

Dashboard Refresh

Dec 12, 2023

Today we’re excited to unveil a Refreshed Dashboard built to put your sites front and center.

With this update, project thumbnails are now displayed in a much higher resolution, spanning the entire screen for a more comfortable browsing experience.

Dec 12, 2023

Dashboard Refresh

Today we’re excited to unveil a Refreshed Dashboard built to put your sites front and center.

With this update, project thumbnails are now displayed in a much higher resolution, spanning the entire screen for a more comfortable browsing experience.

Jan 7, 2023

Stack Variables

This release adds support for Stack Variables within Components and CMS. This means you can now turn properties like Gap, Padding, Direction, Distribute, and Align into customizable controls, allowing you to design much more flexible Components.

For things like Navigations, this means you have to rely less on Variants for responsiveness across Breakpoints, and can instead use Variables, allowing you to keep Variants for interactivity. An example of this can be seen in the video above. The addition of these Variables also enables you control layout via CMS Items, unlocking exciting new use cases.

Stack Variables

Jan 7, 2023