Smiley In Motion
A comprehensive Framer Motion course on mental models, tips & tricks, and common pitfalls.
Your Instructor
I'm a full-stack developer and I love design. I've been teaching designers React since 2017 and I'm loving it! I'm also the author of a couple of courses at Treehouse and Lynda.
My dark little secret: 😈 creating this course is also my special way to learn all things about design and React -- trying to explain things clearly has taken my understanding of the concepts to a whole new level.
Thrilled to be on this journey with you!
Course Curriculum
Fundamentals
Available in
days
days
after you enroll
-
Preview1. Framer Motion Mental Mode (1:48)
-
Preview2. Animate Any Html Or Svg Tag (5:41)
-
Preview3. Keyframes And Animation Value Types (4:28)
-
Start4. Spy On Animations With MotionValue (6:02)
-
Start5. Orchestrate Animations In A React Tree (8:22)
-
Start6. Stagger Children Animations (5:57)
-
Start7. Animate Layout Changes (5:34)
-
Start8. Animate Mount & Unmount Transitions (4:43)
-
Start9. AnimatePresence, Key And Layout (7:33)
-
Start9.1 AnimatePresence Patterns (2:24)
-
Start9.2 Understand AnimatePresence (4:57)
-
Start10. Understand initial, style, And animate props (7:03)
-
Start11. Drag Gesture (2:03)
-
Start12. Drag & Motionvalue (3:23)
-
Start13. Drag & Layout Animation (4:59)
-
Start14. Add Custom Dragging With Pan Gesture (11:08)
-
Start15. Animate Shared Items Across Components (5:05)
-
Start16. Spy On Scroll Progress (7:45)
-
Start17. Take Control Of Animations Imperatively (4:50)
-
Start18. Animate Custom Components (5:14)
Real-world Examples
Available in
days
days
after you enroll
Cheat sheets
Available in
days
days
after you enroll
Frequently Asked Questions
When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.