Framer Motion Recipes

3h 8m 18s
English
Paid

Framer Motion is a popular React animation library. It features both declarative and imperative APIs, so you can add common animations in just a few lines of code, or drop down a level to build truly custom effects. It's maintained by Framer, has an active community, and follows the latest best practices used in the React ecosystem.

In this course you'll learn Framer Motion from scratch by building six animated components. You'll start with the fundamentals of state-based animation, learn how to animate an unmounting component, create a reusable hook that can animate style properties on scroll, and use dynamic variants to customize an animation based on component state.

Watch Online Framer Motion Recipes

Join premium to watch
Go to premium
# Title Duration
1 Multistep wizard 25:16
2 Email client 16:44
3 Fixed header: Part 1 18:55
4 Fixed header: Part 2 17:09
5 Carousel: Part 1 14:01
6 Carousel: Part 2 22:05
7 Resizable panel 34:20
8 Calendar 39:48

Similar courses to Framer Motion Recipes

Build & Test Accessible Web Apps | Testing Accessibility (PRO)

Build & Test Accessible Web Apps | Testing Accessibility (PRO)Marcy Sutton

Category: Other (Frontend)
Duration 16 hours 30 minutes 59 seconds
Animations on the web

Animations on the webEmil Kowalski

Category: Other (Frontend)
Duration 2 hours 23 minutes 59 seconds
Testing Fundamentals [EpicWeb]

Testing Fundamentals [EpicWeb]Artem Zakharchenko

Category: Other (Frontend)
Duration 5 hours 16 minutes 16 seconds
Build Modern Websites with Astro!

Build Modern Websites with Astro!James Q Quick

Category: Other (Frontend)
Duration 7 hours 28 minutes 32 seconds
Next Auth V5 - Продвинутое руководство

Next Auth V5 - Продвинутое руководствоCode With Antonio

Category: Other (Frontend)
Duration 8 hours 1 minute 8 seconds
Web Components Demystified

Web Components DemystifiedScott Jehl

Category: Other (Frontend)
Duration 7 hours 51 minutes 36 seconds
Normal UI

Normal UIAnthony Alicea

Category: Other (Frontend)
Duration 39 minutes 16 seconds