Framer Motion Recipes

3h 8m 18s
English
Paid

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

ScrollTrigger Express

ScrollTrigger Express

Sources: Carl (Creative Coding Club)
ScrollTrigger is GreenSock's most revolutionary plugin to date. With its help, you can control all your animations with precision and...
10 hours 31 minutes 38 seconds
Complete Guide to Qwik

Complete Guide to Qwik

Sources: fullstack.io
Master Qwik with practical examples and learn to create scalable, fast web applications. Improve user and developer experience with this intuitive framework.
Full-Stack Tao

Full-Stack Tao

Sources: Alex Kondov
Software development is not only about creating new features, but also about writing code that retains its value over time and remains flexible to changes.
Epic Web. Ship Modern Full-Stack Web Applications

Epic Web. Ship Modern Full-Stack Web Applications

Sources: Kent C. Dodds
Whether you and your team are working on an existing enterprise-scale web app, or you've just come up with an amazing idea for a new project , the one thing standing between you...
39 hours 2 minutes 51 seconds