https://github.com/visualdenniss/framer-motion-animations

Collection of some reusable and good animations.
https://github.com/visualdenniss/framer-motion-animations

Last synced: 8 months ago
JSON representation

Collection of some reusable and good animations.

• Host: GitHub
• URL: https://github.com/visualdenniss/framer-motion-animations
• Owner: visualdenniss
• Created: 2023-03-02T21:10:37.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T17:37:29.000Z (over 3 years ago)
• Last Synced: 2025-02-04T15:49:23.645Z (over 1 year ago)
• Language: JavaScript
• Size: 12.5 MB
• Stars: 0
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
npm install && npm start

Let's collect some good and reusable animation settings for framer-motion.

This is an open-source project that contains some collections of animation settings, transition easing values etc. including the examples from the official Framer-Motion Docs.

For simple props that can be passed to motion components, the animation settings are stored in animation.js and passed as props using destructing after being imported.

More complex animations have their own dedicated components (like SliderDemo)

To contribute, simply fork the project and then pull it to your local, after making changes and new commits, push it to your remote repo and then send a pull request to this repo. 

![Fork-vs-Branch](https://user-images.githubusercontent.com/80699817/222788641-1ecbdfb3-8ef8-498c-b05b-a3010984b914.jpg)