Welcome to the Animating Buttons repository! 🎉
This project aims to provide a collection of animated buttons that you can use to enhance your web development projects. Whether you're a beginner or an experienced developer, these buttons will add a touch of interactivity and flair to your websites.
- You can contribute any animated buttons. 🤩
- You can update or refine an existing animated button or even add your own new buttons in this repo. 🚀
- Make sure you follow the below steps before making your contributions❗❗❗
📢 Register here for Hacktoberfest and make 4️⃣ PRs this month to grab free SWAGS 🔥
- Fork this repo here
- Clone on your local machine
git clone https://github.com/**username**/Animating-Buttons.git
- Navigate to project directory.
cd Animating-Buttons
npm i
npm start
- Create a new Branch
git checkout -b my-new-branch
🚀🚀 Go to public/Buttons folder and add a new folder with your GitHub username including your button code (index.html + style.css files)
-
Then go to src/Data.js
-
Add your folder name (github_username, github_username_1,etc) code in src/Data.js file.
-
Make sure to align your button centered horizontally as well as vertically.
-
Don't forget to replace 'your_github_username' with GitHub Username.
-
If you are adding more than one buttons then give proper names such as Spyware007_1,Spyware007_2, your_github_username_1,etc
-
Stage your changes.
git add .
- Commit your changes.
git commit -m "Relevant message"
- Then push
git push origin my-new-branch
- Finally, create a new pull request from your forked repository
- Make sure you commit your changes in a new branch❗❗
- Make sure that your file name and your commit message are relevant.
- Also, make sure you comment your code wherever necessary.
A big thank you to all our contributors who have made this project better with their valuable contributions! We appreciate your efforts and dedication.
Don't forget to ⭐ this repository to show your support!