Academy

Navigation

A site without navigation is just a page, learn how to build it in Framer.

Linking to other Pages or external URLs

Learn how to add links to any page, or set up a link to anchor to a specific section of a page.

Beginner

Linking to other Pages or external URLs

Learn how to add links to any page, or set up a link to anchor to a specific section of a page.

Beginner

Linking to other Pages or external URLs

Learn how to add links to any page, or set up a link to anchor to a specific section of a page.

Beginner

CMS powered Scroll Sections

Learn how to define Scroll Sections within CMS Collection Lists.

Beginner

CMS powered Scroll Sections

Learn how to define Scroll Sections within CMS Collection Lists.

Beginner

CMS powered Scroll Sections

Learn how to define Scroll Sections within CMS Collection Lists.

Beginner

Build a Desktop Menu with Min Height and Max Height

Build a beautiful desktop navigation bar.

Beginner

7:12

Build a Desktop Menu with Min Height and Max Height

Build a beautiful desktop navigation bar.

Beginner

7:12

Build a Desktop Menu with Min Height and Max Height

Build a beautiful desktop navigation bar.

Beginner

7:12

Design a Scrollable mobile menu with height animation

Creating a mobile menu that animates to the viewport height when opened is easy with the right properties.

Beginner

6:27

Design a Scrollable mobile menu with height animation

Creating a mobile menu that animates to the viewport height when opened is easy with the right properties.

Beginner

6:27

Design a Scrollable mobile menu with height animation

Creating a mobile menu that animates to the viewport height when opened is easy with the right properties.

Beginner

6:27

Design mobile menu’s with custom fade-in animations.

Make your mobile menu animations more interesting by adding custom transitions.

Beginner

10:44

Design mobile menu’s with custom fade-in animations.

Make your mobile menu animations more interesting by adding custom transitions.

Beginner

10:44

Design mobile menu’s with custom fade-in animations.

Make your mobile menu animations more interesting by adding custom transitions.

Beginner

10:44

Relative Overlays

Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.

Beginner

10:20

Relative Overlays

Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.

Beginner

10:20

Relative Overlays

Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.

Beginner

10:20

Make Responsive Dropdown Menus From Scratch

Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.

Beginner

19:48

Make Responsive Dropdown Menus From Scratch

Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.

Beginner

19:48

Make Responsive Dropdown Menus From Scratch

Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.

Beginner

19:48

How to use overlays

Learn how to create video overlays in the following tutorial.

Beginner

6:20

How to use overlays

Learn how to create video overlays in the following tutorial.

Beginner

6:20

How to use overlays

Learn how to create video overlays in the following tutorial.

Beginner

6:20

Smooth Scrolling Links with Scroll Targets

Learn how create links that animate to specific sections of your web page.

Beginner

7:10

Smooth Scrolling Links with Scroll Targets

Learn how create links that animate to specific sections of your web page.

Beginner

7:10

Smooth Scrolling Links with Scroll Targets

Learn how create links that animate to specific sections of your web page.

Beginner

7:10