This repository helps you to have a more beautiful and attractive github profile, and you can access a set of tools and guides for beautifying your github profile. ๐Ÿšฉ

  • By reza shakeri
  • Last update: Dec 31, 2022
  • Comments: 10

Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt   Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt   Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt

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

๐Ÿ“ For example :   Ask Me Anything !   PyPI download day   GitHub forks   GitHub stars

2 . Markdown badges in many different categories

Badges for your personal developer branding, profile, and projects.

๐Ÿ“ For example :   Bitcoin   MySQL   React   Python

3 . Count Visitors Badges

A badge generator service to count visitors of your markdown file.

๐Ÿ“ For example :   visitor badge   visitor badge

4 . shields

Concise, consistent, and legible badges in SVG and raster format and Make tokens with custom values

๐Ÿ“ For example :     AppVeyor tests badge   Open VSX Rating (Stars) badge

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

๐Ÿ“ For example :   StackOverflow user information

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.

๐Ÿ“ For example :   youtube views   youtube subscribers

8 . Badges for GitHub

A Curated list of Badges used in GitHub

๐Ÿ“ For example :      

9 . Badges 4 README.md Profile

Improve your README.md profile with these amazing badges.


๐Ÿ“ For example :



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 ...


๐Ÿ“ For example :



11 . Github Profile Views Counter

It counts how many times your GitHub profile has been viewed. Free cloud micro-service.


๐Ÿ“ For example :

 



12 . Github Profile Views Counter

Github new features README profile views counter made with Yii2 framework.


๐Ÿ“ For example :

Profile views




๐Ÿ› ๏ธ Widgets ๐Ÿ‘‡

1 . Todoist Readme

Updates README with Todoist Stats of a user

๐Ÿ“ For example :  



2 . github readme stats

Dynamically generated stats for your github readmes

๐Ÿ“ For example :  

GitHub Readme Stats Themes



Top Langs



3 . GitHub Readme Streak Stats

Stay motivated and show off your contribution streak! ๐ŸŒŸ Display your total contributions, current streak, and longest streak on your GitHub profile README

๐Ÿ“ For example :  

default



4 . waka readme

Wakatime Weekly Metrics on your Profile Readme.

๐Ÿ“ For example :  

Project Preview



5 . Profile Activity Generator

Generate custom profile activity for your profile README

๐Ÿ“ For example :  



6 . Github Activity Readme

Updates README with the recent GitHub activity of a user

๐Ÿ“ For example :  

profile-repo



7 . Github Profile Readme Generator

Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

๐Ÿ“ For example :  



8 . Github Action Dynamic Profile Page

GitHub Action to push updates to your special profile repository.

๐Ÿ“ For example :  



9 . waka readme stats

This GitHub action helps to add cool dev metrics to your github profile Readme

๐Ÿ“ For example :  

Project Preview



10 . Profile Readme

Display profile activity and other cool widgets in your profile README.md

๐Ÿ“ For example :  

๐Ÿ’ช Opened PR #43 in webview/webview_deno
โ—๏ธ Closed issue #32 in denosaurs/denon
๐Ÿ—ฃ Commented on #6 in nestdotland/hatcher
โ—๏ธ Closed issue #22 in nestdotland/eggs
๐Ÿ—ฃ Commented on #15 in nestdotland/eggs


11 . Spotify Github Profile

Show your Spotify playing on your Github profile

๐Ÿ“ For example :  



spotify-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

๐Ÿ“ For example :  


preview



13 . Github Readme Medium

Dynamically generated your latest Medium article on your GitHub readmes!

๐Ÿ“ For example :  


Omid Nikrah Medium


14 . Github Readme Stackoverflow

Dynamically generated your StackOverflow status on your GitHub READMEs!

๐Ÿ“ For example :  


Omid Nikrah StackOverflow

Omid Nikrah StackOverflow



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.

๐Ÿ“ For example :  


Github readme generator

16 . Profile Readme Stats

Showcase your github stats on your profile README.md

๐Ÿ“ For example :  




17 . Readme Jokes

๐Ÿ˜„ Jokes for your GitHub READMEs

๐Ÿ“ For example :  

Jokes Card








18 . Github Profile Trophy

Add dynamically generated GitHub Stat Trophies on your readme

๐Ÿ“ For example :  



19 . Github Readme Twitter

Add Twitter to your github readme

๐Ÿ“ For example :  

github-readme-twitter



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.

๐Ÿ“ For example :  



22 . Readme Pagespeed Insights

Google lighthouse stats of your website that you can put in readme

๐Ÿ“ For example :  




23 . REHeader

Generate beautiful header images for your GitHub profile READMEs.

๐Ÿ“ For example :  


Another image which is a use case of this generator - again you shouldn't be seeing this



24 . Goodreads Readme

This project provides a badge for sharing your current book in your github profile.

๐Ÿ“ For example :  


GoodReads



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.

๐Ÿ“ For example :  



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

๐Ÿ“ For example :  


screenshot



28 . Github Profile Summary Cards

A tool to generate your github summary card for profile README

๐Ÿ“ For example :  




29 . Generate Snake Game From Github Contribution Grid

Generates a snake game from a github user contributions graph
๐Ÿ“ For example :  




30 . githubProfileReadmeGenerator

Generate a cool README/About me page for your Github Profile


๐Ÿ“ For example :  

Screencast of Github AboutMe/Profile ReadMe Generator



31 . Github Stats Transparent

Automatically generate summary GitHub statistics images for your profile using Actions, no server required


๐Ÿ“ For example :  



32 . Github Profile Name Writer

Write your name using the github commits and make your profile awesome


๐Ÿ“ For example :  

Image of Ironman on github Profile



33 . Github Profile Languages

Create a nice pie chart with the user's programming languages from their GitHub profile.


๐Ÿ“ For example :  

github-profile-languages



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 !


๐Ÿ“ For example :  



35 . Github Profile 3d Contrib

This GitHub Action creates a GitHub contribution calendar on a 3D profile image.


๐Ÿ“ For example :  

svg



36 . Github Profile Header Generator

A header image generator for your Github profile Readme


๐Ÿ“ For example :  

Example 1



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 example :  
For user accounts For organization accounts

๐Ÿงฉ Customizable with 40 plugins and 258 options!

๐Ÿ“… Isometric commit calendar ๐Ÿˆท๏ธ Most used languages
Full year calendar
Half year calendar
Indepth analysis (clone and analyze repositories)
Recently used (analyze recent activity events)
Default algorithm
Default algorithm (with details)
๐Ÿ“Œ Starred topics ๐ŸŒŸ Recently starred repositories
With icons
With labels
๐Ÿ“œ Repository licenses ๐Ÿ’ก Coding habits
Permissions, limitations and conditions
Licenses overview
Recent activity charts
Midly interesting facts
๐Ÿ… Repository contributors ๐ŸŽŸ๏ธ Follow-up of issues and pull requests
By contribution types
By number of contributions
Indepth analysis
Created on a user's repositories
Created by a user
๐ŸŽญ Comment reactions ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ People plugin
Related to a user
Related to a repository
โœจ Stargazers over last weeks ๐Ÿ—‚๏ธ Active projects
Classic charts
Chartist charts
โ™ Code snippet of the day ๐Ÿ“ฐ Recent activity
๐Ÿ† Achievements ๐ŸŽฉ Notable contributions
Compact display
Detailed display
Indepth analysis
Contributions in organizations only
๐Ÿ’ฌ Discussions ๐Ÿ’ญ GitHub Community Support
๐Ÿ‘จโ€๐Ÿ’ป Lines of code changed ๐Ÿงฎ Repositories traffic
๐Ÿ““ Repositories ๐ŸŽซ Gists
๐Ÿ™‹ Introduction ๐Ÿ’• GitHub Sponsors
For a user or an organization
For a repository
GitHub sponsors card
GitHub sponsors full introduction
๐Ÿ’ซ Starlists ๐Ÿ“† Calendar
Repositories from star lists
Languages from star lists
Current year
Full history
๐ŸŒ‡ GitHub Skyline 3D calendar โฑ๏ธ Website performances
PageSpeed scores
PageSpeed scores with detailed report
PageSpeed scores with a website screenshot
๐Ÿ—จ๏ธ StackOverflow plugin ๐ŸŒธ Anilist watch list and reading list
For anime watchers
For manga readers
For waifus simp
๐Ÿค Latest tweets โœ’๏ธ Recent posts
Latest tweets with attachments
Latest tweets
Latest posts width description and cover image
Latest posts
๐ŸŽผ Music plugin ๐Ÿ—ผ Rss feed
Random tracks from a playlist
Recently listened
โฐ WakaTime plugin
๐ŸŽฒ See also community plugins

๐Ÿ–ผ๏ธ And even more with 4+ templates!

๐Ÿ“— Classic template ๐Ÿ“˜ Repository template
๐Ÿ“™ Terminal template ๐Ÿ“’ Markdown template
๐Ÿ“• See also community templates


38 . Action Devcard

GitHub Action to download the devcard from https://daily.dev


๐Ÿ“ For example :  

Reza Shakeri's Dev Card

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 :)


๐Ÿ“ For example :  

Pimp my README, An open source project :)

Pimp my README

Visitor Counter for pimp-my-readme

JavaScript_HTML_CSS_NodeJS_Express_

40 . GitHub Contribution Chart Generator

Generate an image of all your Github contributions


๐Ÿ“ For example :  

41 . Wrapped

GitHub Wrapped, inspired by Spotify Wrapped


๐Ÿ“ For example :  

42 . GitHub Spray

Draw on your GitHub contribution graph โ–‘โ–’โ–“โ–ˆ


๐Ÿ“ For example :  

GitHub Spray logo


โœ… Icons ๐Ÿ‘‡

1 . Simple Icons

2246 Free SVG icons for popular brands

๐Ÿ“ For example :  

 

2 . Skill Icons

Showcase your skills on your Github readme or resumรฉ with ease โœจ

๐Ÿ“ For example :  


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

Github

https://github.com/rzashakeri/beautify-github-profile

Comments(10)

  • 1

    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.md with an awesome Peerlist markdown badge.

    Usage

    ![Peerlist](https://peerlist-readme-badge.herokuapp.com/api/vinitshahdeo)
    

    Peerlist

    Learn more here

  • 2

    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 : ย 

    preview
  • 3

    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!

    Topmate

    โžฅ Try it out here: topmate-readme-badge.netlify.app

    Topmate.io README Badge Generator - Get a markdown badge for your Topmate.io profile | Product Hunt

  • 4

    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 : ย 

    dday-widget.svg
  • 5

    Fixed broken url in README

    Hi ๐Ÿ‘‹, I am newbie here.

    ๐Ÿ“ŒIssue description

    Some links were not working under metrics tab.

    Issues were here

    Links were broken

    image

    ๐Ÿ“ŒFix

    I fixed them by adding https://github.com/ in front of those link

  • 6

    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.

  • 7

    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:

    johannchopin's SO profile

    johannchopin's SO profile

    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?

  • 8

    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 :

    moon.svg moon.svg
  • 9

    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 :

    moon.svg moon.svg
  • 10

    Custom Icon Badges repo