Creating persistent animations between pages in Framer

Creating persistent animations between pages in Framer

When elements are shared between pages, it can still feel a bit jarring or at least unnecessary for those elements to transition away only to come right back a moment later.

When elements are shared between pages, it can still feel a bit jarring or at least unnecessary for those elements to transition away only to come right back a moment later.

Fortunately, Layout Templates in Framer have a trick up their sleeve. In this lesson, I’ll show you we can keep animations and even static elements in place, completely uninterrupted, when navigating from page to page.

Learn more about Layout Templates

Lesson details

7:42

Mastering Animations and Interactions in Framer

Remix Project

Lesson details

7:42

Mastering Animations and Interactions in Framer

Remix Project

Lesson details

7:42

Mastering Animations and Interactions in Framer

Remix Project

Continue course

Bringing websites to life with animation

2:31

Bringing websites to life with animation

2:31

Bringing websites to life with animation

2:31

Using Hover and Press Effects

5:42

Using Hover and Press Effects

5:42

Using Hover and Press Effects

5:42

Mastering transitions and easing

11:01

Mastering transitions and easing

11:01

Mastering transitions and easing

11:01

Using the Loop Effect

6:55

Using the Loop Effect

6:55

Using the Loop Effect

6:55

Using the Drag Effect

5:34

Using the Drag Effect

5:34

Using the Drag Effect

5:34

Academy

Academy