How to Install and Run the Project

  1. Open Terminal at the project's CD
  2. npm install
  3. npm i framer-motion
  4. npm run dev

DESIGNAppleButton

This project tries to replicate the button animation from https://www.apple.com/sg/iphone-15/

Learn more about designing and coding complex animation with Figma Jitter and useAnimate here:

https://medium.com/javascript-in-plain-english/animating-like-apple-using-figma-and-jitter-to-create-complex-animations-for-web-interfaces-791ca7f01fce

https://medium.com/@caden0002/animating-like-apple-using-react-and-framer-motion-to-code-complex-animations-for-web-interfaces-c391d6e113e7

Tech Stack

React
Tailwind
Framer Motion