To check out the Live site, click at this
- Clone the project
git clone git@github.com:zeapherine/framer-motion.git
- Navigate to the project directory.
cd framer-motion
- Run
npm i && npm start
- Animating Elements
- Initial Animation State.
- Transition Options
- Hover Animation
- variants
- Keyframes
- Repeating animations
- Animate Presence
- Animating Routes (entry & exit)
- Modal Animation
- SVG animation
- creating a loader
- UseCycle Hook
- Dragging Items