Hello friends
🖐️
how are you If you want to make the look of your github profile more beautiful, you have come to the right place
📌
The first step : Set up the GitHub Repository
Create a repository with your GitHub username
Template :
https://github.com/username/username
Example :
https://github.com/rzashakeri/rzashakeri
Create a README.md and Done
✅
Now that we have built the repository, we come to the interesting part: designing our README.md.
💡
Where do we get ideas ?
You must have been asked which profiles to get ideas from? You can see the profile of different people through the site below the gateway profile and get ideas from them
🔗
Awesome Github Profile
🚩
What do we do after seeing these profiles ?
Well, so far you have been able to find cool ideas from the profiles of different people. Now it's time to use different tools to beautify your github profile, which you can access from the list below.
🧩
Badges
👇
1 . List of Badges, in Markdown
A list of badges and cards, with their Markdown code, that can be included in a README.md file for a GitHub
2 . Markdown badges in many different categories
Badges for your personal developer branding, profile, and projects.
3 . Count Visitors Badges
A badge generator service to count visitors of your markdown file.
4 . shields
Concise, consistent, and legible badges in SVG and raster format and Make tokens with custom values
5 . laravel github profile view counter
This package will allows you to track Github profile views and display them in your profile readme, for free.
6 . Stackoverflow Badge
Display your stats with this unique StackOverflow Badge
7 . Github README YouTube Stats
Youtube stats badges for your Github profile README. Displays the total number of subscribers or the view count for your channel.
8 . Badges for GitHub
A Curated list of Badges used in GitHub
9 . Badges 4 README.md Profile
Improve your README.md profile with these amazing badges.
10 . Gitwar
Gitwar - Compete with Github Check your Github Score. Based on - Your Public Repos , Stars on Public Repos , Forks on Public Repos , Github Followers ,Joined Github Organisations ...
11 . Github Profile Views Counter
It counts how many times your GitHub profile has been viewed. Free cloud micro-service.
12 . Github Profile Views Counter
Github new features README profile views counter made with Yii2 framework.
🛠️
Widgets
👇
1 . Todoist Readme
Updates README with Todoist Stats of a user
2 . github readme stats
Dynamically generated stats for your github readmes
3 . GitHub Readme Streak Stats
Stay motivated and show off your contribution streak!
4 . waka readme
Wakatime Weekly Metrics on your Profile Readme.
5 . Profile Activity Generator
Generate custom profile activity for your profile README
6 . Github Activity Readme
Updates README with the recent GitHub activity of a user
7 . Github Profile Readme Generator
Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.
8 . Github Action Dynamic Profile Page
GitHub Action to push updates to your special profile repository.
9 . waka readme stats
This GitHub action helps to add cool dev metrics to your github profile Readme
10 . Profile Readme
Display profile activity and other cool widgets in your profile README.md
11 . Spotify Github Profile
Show your Spotify playing on your Github profile
12 . Blog Post Workflow
Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed
13 . Github Readme Medium
Dynamically generated your latest Medium article on your GitHub readmes!
14 . Github Readme Stackoverflow
Dynamically generated your StackOverflow status on your GitHub READMEs!
15 . Github Profile Readme Generator
GitHub profile readme generator allows you to create nice and simple GitHub profile readme files that will be included in your profile previews.
16 . Profile Readme Stats
Showcase your github stats on your profile README.md
17 . Readme Jokes
18 . Github Profile Trophy
Add dynamically generated GitHub Stat Trophies on your readme
19 . Github Readme Twitter
Add Twitter to your github readme
20 . Random Memer
Returns random meme images scraped from Memedroid
21 . Github Profilinator
This tool contains mini GUI components that you can hook together to automatically generate markdown code for a perfect readme.
22 . Readme Pagespeed Insights
Google lighthouse stats of your website that you can put in readme
23 . REHeader
Generate beautiful header images for your GitHub profile READMEs.
24 . Goodreads Readme
This project provides a badge for sharing your current book in your github profile.
25 . Readme Typing svg
Dynamically generated, customizable SVG that gives the appearance of typing and deleting text. Typing SVGs can be used as a bio on your Github profile readme or repository.
26 . Awesome Github Profile Readme Templates
This repository contains best profile readme's for your reference.
27 . Profile Summary For Github
Tool for visualizing GitHub profiles
28 . Github Profile Summary Cards
A tool to generate your github summary card for profile README
29 . Generate Snake Game From Github Contribution Grid
Generates a snake game from a github user contributions graph
30 . githubProfileReadmeGenerator
Generate a cool README/About me page for your Github Profile
31 . Github Stats Transparent
Automatically generate summary GitHub statistics images for your profile using Actions, no server required
32 . Github Profile Name Writer
Write your name using the github commits and make your profile awesome
33 . Github Profile Languages
Create a nice pie chart with the user's programming languages from their GitHub profile.
34 . Github Profile Readme Maker
Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way. Lots of features and tools included, all for free !
35 . Github Profile 3d Contrib
This GitHub Action creates a GitHub contribution calendar on a 3D profile image.
36 . Github Profile Header Generator
A header image generator for your Github profile Readme
37 . metrics
An infographics generator with 30+ plugins and 200+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!
| For user accounts | For organization accounts |
|---|---|
 |
 |
|
|
|
|
|
Full year calendar
Half year calendar
|
Indepth analysis (clone and analyze repositories)
Recently used (analyze recent activity events)
Default algorithm
Default algorithm (with details)
|
|
|
|
With icons
With labels
|
 |
|
|
|
Permissions, limitations and conditions
Licenses overview
|
Recent activity charts
Midly interesting facts
|
|
|
|
By contribution types
By number of contributions
|
Indepth analysis
Created on a user's repositories
Created by a user
|
|
|
|
 |
Related to a user
Related to a repository
|
|
|
|
Classic charts
Chartist charts
|
 |
|
|
|
 |
 |
|
|
|
Compact display
Detailed display
|
Indepth analysis
Contributions in organizations only
|
|
|
|
 |
 |
|
|
|
 |
 |
|
|
|
 |
 |
|
|
|
For a user or an organization
For a repository
|
GitHub sponsors card
GitHub sponsors full introduction
|
|
|
|
Repositories from star lists
Languages from star lists
|
Current year
Full history
|
|
|
|
 |
PageSpeed scores
PageSpeed scores with detailed report
PageSpeed scores with a website screenshot
|
|
|
|
 |
For anime watchers
For manga readers
For waifus simp
|
|
|
|
Latest tweets with attachments
Latest tweets
|
Latest posts width description and cover image
Latest posts
|
|
|
|
Random tracks from a playlist
Recently listened
|
 |
|
|
|
 |
|
|
|
|
|
|
|
|
|
| |
 |
|
|
|
 |
 |
|
|
|
38 . Action Devcard
GitHub Action to download the devcard from https://daily.dev
39 . Pimp My Readme
Pimp my README is an open source profile builder that you can use to add some cool components to your README profile - Made with <3 by webapp.io :)
40 . GitHub Contribution Chart Generator
Generate an image of all your Github contributions
41 . Wrapped
GitHub Wrapped, inspired by Spotify Wrapped
42 . GitHub Spray
Draw on your GitHub contribution graph ░▒▓█
✅
Icons
👇
1 . Simple Icons
2246 Free SVG icons for popular brands
2 . Skill Icons
Showcase your skills on your Github readme or resumé with ease
If you like, you can also help me develop this repository so that from now on we have more beautiful github profiles
💙
Give A Star
⭐
You can also give this repository a star to show more people and they can use this repository
Add Peerlist Badge for GitHub Profile `README.md`
Peerlist is a community of working professionals focused on building a personal brand, sharing professional content, and finding peers to collaborate with. A Peerlist profile can be used as a simple resume or a complete portfolio to showcase your work. You can style your GitHub Profile
README.mdwith an awesome Peerlist markdown badge.Usage
Add GitHub Readme YouTube Cards
65 . GitHub Readme YouTube Cards
GitHub action to show your latest YouTube videos on your GitHub profile or project readme automatically as dynamic SVG cards
📍 For example :
Add Topmate badge
Topmate is a platform to connect 1:1 with your audience & monetise your time better. Basically, one link to do it all ➥ topmate.io/vinitshahdeo. Even better, you can now add a markdown badge in your GitHub profile README to connect with your community!
➥ Try it out here: topmate-readme-badge.netlify.app
Add D-Day widget
Hello! I added D-Day widget to readme!
64 . D-Day.widget
Add D-Day widget to anywhere,
such as your Github Profile, Notion, etc
📍 For example :
Fixed broken url in README
Hi 👋, I am newbie here.
📌Issue description
Some links were not working under metrics tab.
Links were broken
📌Fix
I fixed them by adding https://github.com/ in front of those link
Open AI Activity Summaries
Is your feature request related to a problem? Please describe.
I wanted to generate a text summary of my recent activity using GPT-3 / Open AI, and have my profile automatically updated.
Describe the solution you'd like
I built this kinda hacky solution here: https://github.com/OR13/OR13/blob/main/.github/workflows/weekly.yml
Here is an example of the revisions it publishes weekly: https://github.com/OR13/OR13/commit/bbc7674e401f640f6099cadfbd5dc018fd6f96f1
I would welcome any feedback on it / for it to be supported by a team / group with more time.
Describe alternatives you've considered
I think many of the examples in this repo are good alternatives, especially the ones summarizing activity.
Additional context
This is kinda just an FYI that this is possible, I'm happy to collaborate on it if folks are interested, but I'm also happy to just have it closed.
Propose stackoverflow badges project alternative
Hey @rzashakeri 👋 Thanks for the work put into this project.
I came across this one by chance and saw that you were proposing to use the stackoverflow-badge which is really nice.
I had also done a project of this kind called stackoverflow-readme-profile which offers more customisation, animations and the display of the person's avatar just like:
So I suggest you generate your own using the generator at https://johannchopin.github.io/stackoverflow-readme-profile and if you like the project would it be possible to mention it as a badge idea for stackoverflow?
Add Moon.svg (Deleted Try it)
Add Moon.svg without Try it! 😄
60 . Moon.svg
Add real-time moon on your github profile!
Moon.svg shows the current moon phase in real time!
📍 For example :
Add Moon.svg
Add Moon.svg!
60 . Moon.svg
Add real-time moon on your github profile!
Moon.svg shows the current moon phase in real time!
Try it »
📍 For example :
Custom Icon Badges repo
Another useful Badges repo you could include is https://github.com/DenverCoder1/custom-icon-badges.
Unlike most badges repos which just support brands from Simple Icons, Custom Icon Badges allows you to GitHub's Octicons or upload your own custom icons to use on badges.
Examples: