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

The Complete 2023 Web Development Bootcamp

The Complete 2023 Web Development Bootcampudemy

Category: MongoDB, Other (Backend), Other (Frontend)
Duration 62 hours 32 minutes 23 seconds
Clean Code: Writing Code for Humans

Clean Code: Writing Code for Humans pluralsight

Category: Other (Backend), Other (Frontend)
Duration 3 hours 10 minutes 36 seconds
Practical Accessibility - Practical Accessibility for web designers and developers

Practical Accessibility - Practical Accessibility for web designers and developersSara Soueidan

Category: Other (Frontend)
Duration 14 hours 47 minutes 28 seconds
Serverless Handbook for frontend engineers

Serverless Handbook for frontend engineersSwizec Teller

Category: Other (Frontend)
Duration
Web Animations Full Course | Build a GTA VI Website & Master GSAP

Web Animations Full Course | Build a GTA VI Website & Master GSAPjsmastery.proAdrian Hajdin

Category: Other (Frontend)
Duration 3 hours 31 minutes 47 seconds