Skip to main content

Advanced Animating React with Framer Motion

2h 57m 30s
English
Paid

Course description

Welcome to Advanced Animating React with Framer Motion! In this series, we will dive into more advanced concepts as well as discuss what is new in Framer Motion 2. Let’s dive in!

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 17 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: #0 What's New In Framer Motion 2

All Course Lessons (17)

#Lesson TitleDurationAccess
1
#0 What's New In Framer Motion 2 Demo
04:15
2
#1 Abstracting Animations
10:29
3
#2 Enhanced Abstractions
08:43
4
#3 Animating Flexbox With Layout
13:34
5
#4 Scale Correction
06:52
6
#5 Loading Loop
11:44
7
#6 Loading Takeover Transition
10:49
8
#7 Draggable Drawer
17:56
9
#8 Enhanced Drawer
10:33
10
#9 Draggable List
16:00
11
#10 Drag List with Handle
07:58
12
#11 Login Window
14:53
13
#12 Reusable Animated Router
10:41
14
#13 Repeat Options
08:20
15
#14 Count Down
10:17
16
#15 Two Way Drawer
08:58
17
#16 Where To Go From Here
05:28

Unlock unlimited learning

Get instant access to all 16 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React Three Fiber: The Ultimate Guide to 3D Web Developmen

React Three Fiber: The Ultimate Guide to 3D Web Developmen

Sources: Wawa Sensei
3D development is a vast field with many different techniques. This comprehensive guide will provide you with the necessary tools to get started and the...
9 hours 18 minutes 15 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guide

Sources: udemy
Create real Smart Contracts in Solidity and DApps with React & Next JS. Understand how the Ethereum blockchain works.
38 hours 47 minutes 24 seconds
React Formula - Learn Frontend Development

React Formula - Learn Frontend Development

Sources: Alvin Zablan
Learn how to create modern interfaces using React, Tailwind CSS, and other tools. Most React textbooks are not designed for real-world...
23 hours 47 minutes 37 seconds
The Road to Next

The Road to Next

Sources: Robin Wieruch
As a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or working...
30 hours 40 minutes 42 seconds
REACT ROUTER (v6)

REACT ROUTER (v6)

Sources: ui.dev (ex. Tyler McGinnis)
There’s an easier way to master React Router. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what yo...
3 hours 15 minutes 27 seconds