CourseFlix

Advanced Animating React with Framer Motion

2h 57m 30s
English
Paid

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!

Additional

https://www.framer.com/api/motion/examples/ 

About the Author: Level Up Tutorials (Scott Tolinski)

Level Up Tutorials (Scott Tolinski) thumbnail

Level Up Tutorials is the online course platform of Scott Tolinski, a US developer best known as the co-host (with Wes Bos) of the long-running Syntax podcast. Level Up Tutorials has been publishing modern web-development course material continuously since 2012 — one of the longer-running independent course platforms in the JavaScript ecosystem.

The course catalog covers the modern full-stack JavaScript landscape: React (including Next.js), Svelte / SvelteKit (Scott has been a long-running advocate for Svelte), Vue, GraphQL, Node.js, MongoDB, the testing tracks, Tailwind CSS, animation patterns, and the surrounding tooling. Material is structured around long-form project-based tutorial series rather than disconnected feature videos.

The CourseFlix listing under this source carries over 10 Level Up Tutorials courses spanning that range. Material is paid; Level Up Tutorials runs on a monthly / annual subscription on the original platform. Courses are aimed at intermediate-and-up web developers.

Watch Online 17 lessons

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

Course content

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

Related courses

  • React Component Testing with Vitest thumbnail

    React Component Testing with Vitest

    By: Artem Zakharchenko
    The closer your tests mimic real-world application usage, the more confidence they provide.
    1 hour 38 minutes 34 seconds
  • React: Flux Architecture (ES6) thumbnail

    React: Flux Architecture (ES6)

    By: egghead.io
    As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How
    49 minutes 50 seconds
  • Mastering Next.js - 50+ Lesson Video Course on React and Next thumbnail

    Mastering Next.js - 50+ Lesson Video Course on React and Next

    By: Mastering Nuxt
    The premiere video course for building static and server-side rendered applications with Next.js and React. Sign up now and get two videos instantly!
    5 hours 9 minutes 45 seconds

Frequently asked questions

What is Advanced Animating React with Framer Motion about?
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!
Who teaches Advanced Animating React with Framer Motion?
Advanced Animating React with Framer Motion is taught by Level Up Tutorials (Scott Tolinski). You can find more courses by this instructor on the corresponding source page.
How long is Advanced Animating React with Framer Motion?
Advanced Animating React with Framer Motion contains 17 lessons with a total runtime of 2 hours 57 minutes. All lessons are available to watch online at your own pace.
Is Advanced Animating React with Framer Motion free to watch?
Advanced Animating React with Framer Motion is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Advanced Animating React with Framer Motion online?
Advanced Animating React with Framer Motion is available to watch online on CourseFlix at https://courseflix.net/course/advanced-animating-react-with-framer-motion. The page hosts every lesson with the integrated video player; no download is required.