Video: Building A SlideShow
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
Building A SlideShow
We will now build a draggable slide show so that we can use positionTransition and drag together in a real-world example. npm install —save @popmotion/popcorn