Learn Framer Motion with Me | ReactJS Animations

preview_player
Показать описание
In my first video on the channel I will be creating a button hover animation. I program this on the fly using TypeScript, Framer Motion, React, NextJS and CSS. I run into issues as I go and explain my thinking as I solve them. Hopefully helping both of us learn from my mistakes

I hope this was entertaining and let me know what you think!

  1. James
Рекомендации по теме
Learn Framer in 0:19:38

Learn Framer in 20 Minutes (Crash Course)

My Top 5 0:09:58

My Top 5 Techniques for Web Animation

The Framer Motion 0:52:36

The Framer Motion Crash Course || React Animation Library 2023

GSAP vs Framer 0:10:24

GSAP vs Framer Motion for React

Framer Motion (React) 0:17:07

Framer Motion (React) - The Basics

The only video 0:30:01

The only video you need to learn Framer scroll animations...

Should you REALLY 0:07:28

Should you REALLY Learn Framer?

Master No-Code Web 4:07:15

Master No-Code Web Design with Framer - 4-hour Free Course

Let's Learn Framer 1:18:46

Let's Learn Framer Motion! (with Matt Perry) — Learn With Jason

Animated Portfolio Website 2:43:46

Animated Portfolio Website with React & Framer Motion | React Project for Beginners

How to use 0:05:55

How to use Framer Motion in React JS Website

Animations In React 0:23:31

Animations In React - Framer-Motion Tutorial

Learn Framer Scroll 0:13:01

Learn Framer Scroll Animations in 13 Minutes

Framer Motion (Motion/React) 0:03:55

Framer Motion (Motion/React) Layout Animations for Beginners!

Framer Motion Scroll-Based 0:15:42

Framer Motion Scroll-Based Animation with useScroll Hook

Framer Motion (React 1:12:31

Framer Motion (React Animation Library) Crash Course

Step by Step 0:59:23

Step by Step Nextjs and Framer Motion Animated Modern Complete Portfolio Website

Framer Motion Staggered 0:06:50

Framer Motion Staggered Animation Triggered by Scrolling Once Into View

6 ideas for 0:07:55

6 ideas for animating your app with Framer Motion

🔥Complete Responsive E-learning 1:17:18

🔥Complete Responsive E-learning Education website with ReactJS + Tailwind + Framer Motion

Framer Motion Tutorial: 0:07:39

Framer Motion Tutorial: How to create Awesome text animation with framer-motion

Build a Stunning 3:09:13

Build a Stunning SaaS Landing Page with React, Next.js, TailwindCSS & Framer Motion | Full Tutor...

Making the Web 0:58:27

Making the Web Magical using Framer Motion

Build and Deploy 2:44:26

Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion

Комментарии
Автор

Just saw this vid pop up on my explore page, thanks for sharing man as I’m trying to learn the same thing. Nice to see someone showing their full process, keep it up!

lucylee
Автор

that keyboard sound is so satisfying and great content🙌

codeandslay
Автор

Idk if I'm selfish but I want you upload every new thing you learn or try out in Framer Motion. It'll be like people can learn along with you.

Cipher-Nomad