Courses

Framer Motion (for React) Tutorial

Hey gang - welcome to your first Frame Motion (for React) tutorial. In this tutorial I'll explain what Framer Motion is and what you'll need to know already. 🐱‍👤🐱‍👤 JOIN THE GANG - ---------------------------------------- 🐱‍💻 🐱‍💻 My Udemy Courses: + Modern JavaScript - https://www.thenetninja.co.uk/udemy/modern-javascript + Vue JS & Firebase - http://www.thenetninja.co.uk/udemy/vue-and-firebase + D3.js & Firebase - https://www.thenetninja.co.uk/udemy/d3-and-firebase 🐱‍💻 🐱‍💻 Course Files: 🐱‍💻 🐱‍💻 Other Related Free Courses: + HTML & CSS Crash Course - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G + React Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI 🐱‍💻 🐱‍💻 Framer Motion Docs:

Free18 lessons2h 12mBeginner

by Net Ninja

June 2020

Checked 4 days ago

What you'll learn

  • Project Setup
  • Initial Animation State
  • Hover Animations
  • Keyframes
  • Animate Presence
  • Modal Animation (part
  • Creating a Loader
  • Dragging Items & Wrap Up

Taken from the course's own lessons, in the author's words.

Free

This course is free and published on YouTube. The channel is its author; we organise it and check that the videos still play.

Start the course
Share

Explore related topics

This course includes

  • 2h 12m of video
  • 18 lessons
  • Level: Beginner
  • Spoken in English
  • Your place is remembered
  • Free in full, no card

Lessons

2 sections · 18 lessons · 2h 12m total length

Lessons 1 to 1010 lessons · 1h 10m
Lessons 11 to 188 lessons · 1h 2m

What you need

  • No prior experience: this course starts from zero.

Description

Hey gang - welcome to your first Frame Motion (for React) tutorial. In this tutorial I'll explain what Framer Motion is and what you'll need to know already. 🐱‍👤🐱‍👤 JOIN THE GANG - ---------------------------------------- 🐱‍💻 🐱‍💻 My Udemy Courses: + Modern JavaScript - https://www.thenetninja.co.uk/udemy/modern-javascript + Vue JS & Firebase - http://www.thenetninja.co.uk/udemy/vue-and-firebase + D3.js & Firebase - https://www.thenetninja.co.uk/udemy/d3-and-firebase 🐱‍💻 🐱‍💻 Course Files: 🐱‍💻 🐱‍💻 Other Related Free Courses: + HTML & CSS Crash Course - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G + React Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG + React Hooks Tutorial - https://www.youtube.com/playlist?list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI 🐱‍💻 🐱‍💻 Framer Motion Docs:

Who this course is for

  • Anyone starting React from nothing.

Those two are our reading of the course's level. The description is the author's own.

Framer Motion (for React) Tutorial, by Net Ninja