In our previous blog post, we learned how to create an impressive landing page on your GitHub profile using a repository with the same name as your GitHub ID. We also briefly touched upon some advanced widgets that you can add to enhance your profile. In this follow-up blog post, we'll take a deeper dive into the various widgets available for your GitHub Pages. These widgets will help you showcase your skills, projects, and contributions in a visually appealing and interactive manner.
GitHub Readme Stats Widget
The GitHub Readme Stats widget by Anurag Hazra allows you to display detailed statistics about your GitHub profile. In addition to the top languages used, you can showcase your total commits, contributions, followers, and more. To add this widget to your profile, insert the following code into your README.md file:
[](https://github.com/anuraghazra/github-readme-stats)
```
You can customise the appearance of the widget by changing the theme parameter to one of the available options, such as "radical," "gruvbox," or "dracula." Explore the GitHub Readme Stats repository for additional customisation options.
GitHub Activity Graph Widget
The GitHub Activity Graph widget provides a visual representation of your GitHub activity over time. This widget displays a calendar heat-map, where each square represents a day, and the colour intensity represents the level of activity. To add this widget to your profile, insert the following code into your README.md file:
[](https://github.com/ashutosh00710/github-readme-activity-graph)
```
You can customise the appearance of the graph by changing the theme parameter to one of the available options, such as "github," "dark," or "rogue." Visit the GitHub Readme Activity Graph repository for more customisation options.
GitHub Repository Card Widget
The GitHub Repository Card widget allows you to showcase your repositories with a visually appealing card layout. You can display information such as the repository's name, description, stars, forks, and language. To add this widget to your profile, insert the following code into your README.md file:
[](https://github.com/your-github-username/your-repo-name)
```
Replace `your-github-username` with your actual username and `your-repo-name` with the name of the repository you want to display. You can customize the appearance of the card by changing the theme parameter and adding additional parameters such as `show_owner`, `show_icons`, or `hide_border`. Refer to the GitHub Readme Stats repository for detailed customization options.
GitHub Profile Trophy Widget
The GitHub Profile Trophy widget allows you to showcase your achievements and milestones on your profile. It displays trophies for various accomplishments, such as the number of followers, repositories, stars received, and more. To add this widget to your profile, insert the following code into your README.md file:
[](https://github.com/ryo-ma/github-profile-trophy)
```
Replace `your-github-username` with your actual username. You can customise the appearance of the trophies by changing the theme parameter, adding a title, or excluding specific types of trophies. Visit the GitHub Profile Trophy repository for more customisation options.
Wrap Up!
By exploring the various advanced widgets available for your GitHub Pages, you can create a highly personalised and interactive landing page on your GitHub profile. These widgets allow you to showcase your skills, contributions, and achievements in a visually appealing and engaging manner. Experiment with different widgets, customise their appearance, and make your landing page truly reflect your coding journey. With these powerful widgets at your disposal, your GitHub profile will leave a lasting impression on visitors and potential collaborators!