Framer Motion Recipes
Course description
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
Watch Online Framer Motion Recipes
All Course Lessons (8)
# | Lesson Title | Duration | Access |
---|---|---|---|
1 | Multistep wizard Demo | 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 |
Unlock unlimited learning
Get instant access to all 7 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsSimilar courses

HTMX - The Practical Guide

The Complete Junior to Senior Web Developer Roadmap (2023)

Clean Code: Writing Code for Humans

Want to join the conversation?
Sign in to comment