Pizza Joint

To check out the Live site, click at this

A simple App created to learn Framer-Motion Library

Instalation Guide

1. Clone the project git clone git@github.com:zeapherine/framer-motion.git
2. Navigate to the project directory. cd framer-motion
3. Run npm i && npm start

Things I have implemented from this library.

1. Animating Elements
2. Initial Animation State.
3. Transition Options
4. Hover Animation
5. variants
6. Keyframes
7. Repeating animations
8. Animate Presence
9. Animating Routes (entry & exit)
10. Modal Animation
11. SVG animation
12. creating a loader
13. UseCycle Hook
14. Dragging Items

All the codes are commited every time i implemented the above features, so checkout to each branch to see individual implementation.