Skip to content

Latest commit

 

History

History
31 lines (23 loc) · 846 Bytes

README.md

File metadata and controls

31 lines (23 loc) · 846 Bytes

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.