/animation-collections

This repository is made for containing different animations used for website designing.

Primary LanguageHTML

Web Animations 🎉

This is a repository entirely dedicated to animations used in creating a website. It aims to provide everyone with many awesome animations for their websites.This animations can be used in different ways like screen loader, text-animation, page change animation, logo animations and many more.

Launguage to be Considered

  • HTML
  • CSS/SCSS
  • JavaSript
  • React.js
  • Node.js

How to Create Gif?

  1. Do the screen recording of your animation.

  2. Go to https://ezgif.com/video-to-gif.

  3. Add your Video Crop and Cut it and save the gif.

  4. To get imgur link of your gif.

  5. Goto => https://img.doerig.dev/ add your gif link and get that link then paste it in data.js file.

🎇How To Contribute 🎇

To start contributing, follow the below guidelines:

  1. Take a look at the existing issues or animations in this repository. Wait for the Issue to be assigned to you after which you can start working on it.

  2. Find a new or creative animation to work on.

  3. Open an issue.

  4. Get it assigned.

  5. Work on it i.e

    • Create the animation by yourself.
    • Add it to your forked repo, if the folder doesn't exist create it first and then add your code.
    • Add a gif to imgur site get the link.
    • Add your detail in data.js file as shown.

  6. Make a pull request.

  7. Wait for it to be merged

  8. Congratulations!!

🎇Steps For Making A Pull Request

1. Fork this repository.

2. Clone your forked copy of the project.

git clone

3. Add a reference(remote) to the original repository to get all the changes from the remote.

git remote add upstream

4. Check the remote for this repository.

git remote -v

5. Always take a pull from the upstream repository to your master branch to keep it at par with the main project (updated repository).

git pull upstream main

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perform your changes to the code base.

8. Track your changes.

git add .

9. Commit your changes.

git commit -m "Relevant message"

10. Push the committed changes in your branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on Compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts.

13. Click on Create Pull Request.

Contributors

Made with contrib.rocks.