Video: Project 4Drag To Dismiss
Animating React with Framer Motion
Released:
-
1. Series Introduction
42S
-
2. Getting Started
12M25S
-
3. Motion Element
12M21S
-
4. Animate Prop
11M29S
-
5. Animate Presence
5M22S
-
6. Project 1Modal
16M26S
-
7. Project 2Accordion & Height Auto
9M32S
-
8. Keyframes
5M59S
-
9. Intro To Variants
6M40S
-
10. Project 3Mobile Nav Without Unmount
17M46S
-
11. Propagation with Variants
13M39S
-
12. Orchestration
8M18S
-
13. Gestures
9M55S
-
14. Drag and Drag Constraints
6M31S
-
15. useMotionValue & useTransform
7M20S
-
16. Project 4Drag To Dismiss
17M5S
-
17. Position Transition
13M4S
-
18. Building A SlideShow
27M4S
-
19. Dynamic Variants with Custom
13M1S
-
20. React Router Animations
15M29S
-
21. React Router with Variants
13M44S
-
22. Where To Go From Here
3M59S
Project 4Drag To Dismiss
Now that we have an understanding of dragging, we will learn how to dismiss an item when dragging. With this animation, we can do things like dismiss items in a checklist in a fun way.