Framer basics

Components

Working with effects

Working with code

CMS

Recreate in Framer

Get notified 🔥

Updates right into your inbox when a new tutorial drops.

Get notified

Featured tutorials

Hide nav-bar

when scrolling up

Create a nav-bar that hides from view when scrolling up.

Sticky scroll

animations

How to create a sticky feature list with scroll animations.

Creating the

Swag app menu

Let's recreate the Swag app menu, without using code.

Featured tutorials

Sticky scroll

animations

How to create a sticky feature list with scroll animations.

Creating the

Swag app menu

Let's recreate the Swag app menu, without using code.

Latest uploads

mouse-over-effect-framer-tutorial

Components

Interactive component with events

Functional interactions can create excellent user experiences. They add dynamism to your website, providing users the opportunity to interact with interesting areas.

Recreate in Framer

Creating Zapiers interactions

Zapier's website is a gem full of nice micro interactions. Let's dive in and see how we can recreate the little timeline previews solely within Framer, without any code.

hide nav-bar on scroll framer tutorial

Working with code

Hide nav-bar on scroll

Hiding the nav-bar when scrolling up is a common UX pattern . Unfortunately it isn't possible to hide the nav-bar when scrolling back up all natively in Framer, Luckily for you, I've got you covered.

stick scroll effects framer tutorial

Working with effects

Sticky Scroll Animations

Every cool new project seems to be working with Fixed Scroll animations on your features. Let's dive in and see how to recreate this effect in Framer.

framer tutorial swag app menu

Recreate in Framer

Creating the Swag app menu

The people over at Swag app really build a wonderfull website. Let's dive in and see how we could recreate the menu of Swag app, without using a single line of code.

framer tutorial overflow scroll

Framer basics

Enabling horizontal scroll

Working with horizontal scrolls can be a great way to show a ton of information. It also helps quite a lot when showing information on smaller screens. Unfortunately a lot of people seem to be struggling with getting it just right. Let's dive in!

Sorry

This is only available on Desktop.