It is a common practice for open source projects to welcome newcomers and help get them interested in contributing more. And there are various ways to do this.
Two popular examples are using stargazers cards and forkers cards. Stargazers highlight the GitHub users' profiles who starred the repository. And forkers show the people who have already forked the repository.
These are not mandatory for projects to provide, of course. But if you have a new project and want to include these features on your GitHub repository to welcome new contributors, you'll want to know how to add them.
🎥 If you like video tutorials, then I have also created a complete video to show you the entire process:
How to Add Stargazers and Forkers to Your Repo
You can add these features in many ways. I have seen people who like to use different GitHub workflows for this. But in this article, I am going to show you the simplest way to add stargazers cards and forkers cards to your GitHub repo.
You can check out their GitHub repository here: https://github.com/nastyox/Repo-Roster.
I will use their live website directly which you can find here: http://reporoster.com/.
Go to the website.
You will see a dedicated text box for adding the GitHub repository's URL. Simply copy your entire repository URL and paste the URL there. You will get a unique link appearing in the Stargazers section and another unique link appearing in the Forkers section shortly after that.
For example, I have used my Automate Text Bombing repository here. You can see the results for yourself here:
If you want, you can add two more customizations directly here. You can keep or remove dark mode in the card, and you can also choose whether you want to keep the text inside the card or not.
After that, you simply copy the generated URLs and add them to your
README.md file in your GitHub repository.
For example, here is the code that I have added to my repository's README file.
[![Stargazers repo roster for @FahimFBA/Automate-Text-Bombing](https://reporoster.com/stars/FahimFBA/Automate-Text-Bombing)](https://github.com/FahimFBA/Automate-Text-Bombing/stargazers)
[![Forkers repo roster for @FahimFBA/Automate-Text-Bombing](https://reporoster.com/forks/FahimFBA/Automate-Text-Bombing)](https://github.com/FahimFBA/Automate-Text-Bombing/network/members)
This code generated the following two cards:
You can add more customization like changing the width or length of the cards and so on.
I hope you have enjoyed this short article. Now you can also add those popular cards to your GitHub repo. 😊
If you are interested then you can also check my website: https://fahimbinamin.com/
Have a great day! 😊