Framer Motion Recipes
3h 8m 18s
English
Paid
December 26, 2023
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
![Developing LLM App Frontends with Streamlit](https://cdn.courseflix.net/courses/100x56/developing-llm-app-frontends-with-streamlit.jpg)
Developing LLM App Frontends with Streamlit
Duration 1 hour 43 minutes 52 seconds
Course
![Testing Fundamentals [EpicWeb]](https://cdn.courseflix.net/courses/100x56/testing-fundamentals-epicweb.jpg)
Testing Fundamentals [EpicWeb]
Duration 5 hours 16 minutes 16 seconds
Course
![Advanced FrontEnds](https://cdn.courseflix.net/courses/100x56/advanced-frontends.jpg)
Advanced FrontEnds
Duration 8 hours 58 minutes 38 seconds
Course
![Epic Web. Ship Modern Full-Stack Web Applications](https://cdn.courseflix.net/courses/100x56/epic-web-ship-modern-full-stack-web-applications.jpg)
Epic Web. Ship Modern Full-Stack Web Applications
Duration 39 hours 2 minutes 51 seconds
Course
![HTMX - The Practical Guide](https://cdn.courseflix.net/courses/100x56/htmx-the-practical-guide.jpg)
HTMX - The Practical Guide
Duration 4 hours 5 minutes
Course