Skip to content

This repository will assist you in creating a more beautiful and appealing github profile, and you will have access to a comprehensive range of tools and tutorials for beautifying your github profile. ๐Ÿช„ โญ

License

Notifications You must be signed in to change notification settings

rzashakeri/beautify-github-profile

Repository files navigation

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

GitHub Repo stars GitHub forks GitHub watchers GitHub contributors GitHub last commit GitHub GitHub closed issues GitHub closed pull requests


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

๐Ÿ“– Table of Contents

๐Ÿ“Œ 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

After Create Repository, Create a README.md in Repository and Done โœ…

Now that we have built the repository, we come to the interesting part: designing our README.md.

Persian guide for first step ๐Ÿ‘‰ Link ๐Ÿ”—

๐Ÿ’ก 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 ๐Ÿ‘‡

๐Ÿšฉ 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 ๐Ÿ‘‡

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

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

๐Ÿ“ For example : ย  Bitcoin ย  MySQL ย  React ย  Python

A badge generator service that counts views on your markdown file.

๐Ÿ“ For example : ย  HitCount

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

This package will allows you to track Github profile views and display them in your profile readme, for free.

Display your stats with this unique StackOverflow Badge

๐Ÿ“ For example : ย  StackOverflow user information

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

A Curated list of Badges used in GitHub

๐Ÿ“ For example : ย  ย  ย 

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 :



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

๐Ÿ“ For example :

ย 

Some badges I created for my GitHub profile readme.

๐Ÿ“ For example :

csharp python php

A Project status badge is a dynamically generated image displaying the status of the last build. You can put a status badge on the home page of your GitHub project or intranet portal:

๐Ÿ“ For example :

Grunt status Project Badge

Badges for badges' sake.

๐Ÿ“ For example :

Grunt status Grunt status

Do you use Grunt in a project and want to proudly display that in your project README or on your project website? Now you can with the "Built with Grunt" badge!

๐Ÿ“ For example :

Built with Grunt Coverage Status

create a badge that displays your project's current build status. The build status is determined by the status of the first pipeline in your newest workflow. You can use this badge in your project's README file or any web page.

๐Ÿ“ For example :

semaphore docs

Github Action to update the badges of your Readme to show your current Advent of Code stats

๐Ÿ“ For example :

Application made to create badges for your readme ๐Ÿ“‘

๐Ÿ“ For example :

GithubBadges

Add to your GitHub readme a badge that shows your Discord username and presence!

๐Ÿ“ For example :

for-the-badge (default)

Awesome Simple Icons on your favorite Shields.io Badges. Try out on your profile today!

๐Ÿ“ For example :

Python Badge Iconify Badge FIFA Badge

Clean badges for your GitHub Profile Readme

๐Ÿ“ For example :

Allows users to more easily use Octicons and their own icons and logos in shields.io badges

๐Ÿ“ For example :

stars open issues license build last commit total contributions

23 . pepy

pepy is a site to get statistics information about any Python package

๐Ÿ“ For example :

Downloads

Once the package owner adds this badge to their README file, it will inform and link all visitors to the latest version of that package.

๐Ÿ“ For example :

PyPI version

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

๐Ÿ“ For example :

Peerlist

26 . hits

๐Ÿ“ˆ Hit Counter for Your GitHub or Any Kind of Websites You Want.

๐Ÿ“ For example :

Hits

๐Ÿญ Badge generator with color gradient support

๐Ÿ“ For example :

Badge

Topmate is a platform to connect 1:1 with your audience & monetise your time better. Basically, one link to do it all. 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

๐Ÿ“ For example :

Topmate

Track your GitHub profile views and analyze statistics.

๐Ÿ“ For example :

Demo

๐Ÿ… A Material You inspired markdown badge collection.

๐Ÿ“ For example :

Demo Demo Demo


๐Ÿ› ๏ธ Widgets ๐Ÿ‘‡

Updates README with Todoist Stats of a user

๐Ÿ“ For example : ย 



Dynamically generated stats for your github readmes

๐Ÿ“ For example : ย 

GitHub Readme Stats Themes



Top Langs



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



Wakatime Weekly Metrics on your Profile Readme.

๐Ÿ“ For example : ย 

Project Preview



Generate custom profile activity for your profile README

๐Ÿ“ For example : ย 



Updates README with the recent GitHub activity of a user

๐Ÿ“ For example : ย 

profile-repo



GitHub Action to push updates to your special profile repository.

๐Ÿ“ For example : ย 


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

๐Ÿ“ For example : ย 

Project Preview



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


Show your Spotify playing on your Github profile

๐Ÿ“ For example : ย 


spotify-github-profile



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



Dynamically generated your latest Medium article on your GitHub readmes!

๐Ÿ“ For example : ย 

Omid Nikrah Medium


Dynamically generated your StackOverflow status on your GitHub READMEs!

๐Ÿ“ For example : ย 

Omid Nikrah StackOverflow Omid Nikrah StackOverflow



Showcase your github stats on your profile README.md

๐Ÿ“ For example : ย 

๐Ÿ˜„ Jokes for your GitHub READMEs

๐Ÿ“ For example : ย 

Jokes Card









Add dynamically generated GitHub Stat Trophies on your readme

๐Ÿ“ For example : ย 



Add Twitter to your github readme

๐Ÿ“ For example : ย 

github-readme-twitter



Returns random meme images scraped from Memedroid

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

๐Ÿ“ For example : ย 




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



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

๐Ÿ“ For example : ย 

GoodReads



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


This repository contains best profile readme's for your reference.

Tool for visualizing GitHub profiles
๐Ÿ“ For example : ย 

screenshot



A tool to generate your github summary card for profile README

๐Ÿ“ For example : ย 



Generates a snake game from a github user contributions graph

๐Ÿ“ For example : ย 



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

๐Ÿ“ For example : ย 



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

๐Ÿ“ For example : ย 

Image of Ironman on github Profile



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

๐Ÿ“ For example : ย 

github-profile-languages



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

๐Ÿ“ For example : ย 

svg



A header image generator for your Github profile Readme

๐Ÿ“ For example : ย 



Example 1



32 . 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
๐Ÿ“… 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
๐Ÿ“— Classic template ๐Ÿ“˜ Repository template
๐Ÿ“™ Terminal template ๐Ÿ“’ Markdown template
๐Ÿ“• See also community templates


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

๐Ÿ“ For example : ย 

Reza Shakeri's Dev Card

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_

Generate an image of all your Github contributions

๐Ÿ“ For example : ย 


36 . Wrapped

GitHub Wrapped, inspired by Spotify Wrapped

๐Ÿ“ For example : ย 

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

๐Ÿ“ For example : ย 

GitHub Spray logo

Level up your GitHub profile readme with customizable cards including LOC statistics!

๐Ÿ“ For example : ย 

image

Dynamic quote generator for your GitHub readmes | Give a poetic touch to readmes

๐Ÿ“ For example : ย 

Quote

Display your recently played Spotify tracks on your GitHub profile README.

๐Ÿ“ For example : ย 

Spotify recently played

This GitHub action helps to add cool Stats to your GitHub profile README.

๐Ÿ“ For example : ย 

I'm a night ๐Ÿฆ‰

๐ŸŒž Morning    57 commits     โ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   16.76%
๐ŸŒ† Daytime    85 commits     โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   25.0%
๐ŸŒƒ Evening    128 commits    โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   37.65%
๐ŸŒ™ Night      70 commits     โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   20.59%

Add Your Recently Published Medium Articles to Your GitHub Readme

๐Ÿ“ For example : ย 

Recent Article 0

Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.)

๐Ÿ“ For example : ย 

GitHub WidgetBox

Display your recent Last.fm scrobbles on your GitHub profile README.

๐Ÿ“ For example : ย 

My scrobbles

Generate :octocat: Stats as like Terminal Interface with typing effects dynamically for your profile Readme

๐Ÿ“ For example : ย 

Dynamically generated LeetCode stats for your GitHub READMEs!

๐Ÿ“ For example : ย 

KnlnKS's LeetCode stats

A GitHub Action that allows you to place a random quote/fun-fact on your README file, from a collection of famous computer science quotes/facts !

๐Ÿ“ For example : ย 

Random Quote On Readme Result

Turns text into images of ASCII art for GitHub README files.

๐Ÿ“ For example : ย 

readme-ascii

Some cool ideas for your readme profile, enjoy :) and You can access cool gifs through this repository

๐Ÿ“ For example : ย 

Dynamic Coloful Image Render

๐Ÿ“ For example : ย 

header

Show npm packages downloads โฌ in GitHub README

๐Ÿ“ For example : ย 

Name Downloads
post-merge-install 185021
types-directory 59207
install-types 23071
engines-ok 19752
npmtotal 18267

Dynamically generated Github Contribution Stats. ๐Ÿ“ˆ ๐Ÿ“†

๐Ÿ“ For example : ย 

Contribution Stats

Dynamically generated GitHub repository star chart. ๐Ÿ“ˆ โญ๏ธ

๐Ÿ“ For example : ย 

Star History Chart

Add real-time moon on your github profile! Moon.svg shows the current moon phase in real time!

๐Ÿ“ For example :

moon.svg moon.svg

Easily share your Stackoverflow's profile on your README

๐Ÿ“ For example :

profile

Add Programming Quotes To Your GitHub Readme

๐Ÿ“ For example :

Readme Quotes

Automatically update your README.md with Chess.com games and stats - fully customizable

๐Ÿ“ For example :

White โšช Black โšซ Result ๐Ÿ† Date ๐Ÿ“… Position ๐Ÿ—บ๏ธ
Hikaru mauricioflores win ๐Ÿฅ‡ 31/7/2022 Link
mauricioflores Hikaru win ๐Ÿฅ‡ 31/7/2022 Link
Hikaru mauricioflores win ๐Ÿฅ‡ 31/7/2022 Link
mauricioflores Hikaru agreed โธ๏ธ 31/7/2022 Link
Hikaru Jospem win ๐Ÿฅ‡ 31/7/2022 Link
Jospem Hikaru timeout โŒ 30/7/2022 Link
Hikaru Jospem win ๐Ÿฅ‡ 30/7/2022 Link
Jospem Hikaru win ๐Ÿฅ‡ 30/7/2022 Link
Hikaru Jospem repetition โธ๏ธ 29/7/2022 Link
Jospem Hikaru checkmated โŒ 28/7/2022 Link

Terminal Gif Maker is a tool for creating code samples in the terminal interface. You can create gifs for your projects and you can show that in the README of your project. You can use the GIF in git providers like Github and Gitlab.

๐Ÿ“ For example :

terminal gif

Show your Spotify activity on your GitHub profile README.

๐Ÿ“ For example : ย 

Spotify Data Card

A dynamically generated activity graph to show your GitHub activities of last 31 days.

๐Ÿ“ For example : ย 

graph

Styled banners for your Readme made with html/css in SVG !!

๐Ÿ“ For example : ย 

SVG Banners

๐Ÿ•นTechstack generator that can show dynamic technology stack.

๐Ÿ“ For example : ย 

iconiconiconiconiconiconicon
iconiconiconiconiconiconicon
iconiconiconiconiconiconicon
iconiconiconiconiconiconicon

๐Ÿ”ฅ A Complete List of GitHub Profile Badges and Achievements ๐Ÿ”ฅ

๐Ÿ“ For example : ย 

DEFAULT BRONZE SILVER GOLD
2 8 16 32

show all profile images contributors

๐Ÿ“ For example : ย 

Add D-Day widget to anywhere,
such as your Github Profile, Notion, etc

๐Ÿ“ For example : ย 

dday-widget.svg

GitHub action to show your latest YouTube videos on your GitHub profile or project readme automatically as dynamic SVG cards

๐Ÿ“ For example : ย 

preview

A platform that generates a year in review video for each GitHub user

๐Ÿ“ For example : ย 

Awesome List of GIFs & avatars to use in GitHub markdown

๐Ÿ“ For example : ย 

Make your GitHub repo beautiful

๐Ÿ“ For example : ย 

Repography logo / Recent activity Time period

Timeline graph Issue status graph Pull request status graph Trending topics Top contributors Activity map

๐Ÿ”– Show off your favorite technologies, tools, or the tech stack your project uses with these fully customizable cards on your GitHub README.

๐Ÿ“ For example : ย 

๐Ÿท๏ธ Utilize Lanyard to display your Discord Presence in your GitHub Profile.

๐Ÿ“ For example : ย 

โญ Plot your repo stars over time!

๐Ÿ“ For example : ย 

โญ Displaying Your Extensive Reading and Preferred Technology Topics on Your GitHub README โญ By showcasing the range/The number of articles you have consumed and your chosen technology topics, you have the opportunity to present your comprehensive expertise and keen interest in the field.

๐Ÿ“ For example :

Padra Esfandiyar's Dev Card

๐Ÿ’ž Socialify your project. ๐ŸŒ Share with the world!

๐Ÿ“ For example : ย 

beautify-github-profile

โœ‰๏ธ Invidget generates SVG renders of Discord invites that can be used in GitHub READMEs.

๐Ÿ“ For example : ย 

invidget

The countdown timer is based on the end date and time in a specific time zone.

๐Ÿ“ For example : ย 

countdownmail.com

Shout-out supporters in your GitHub README file.

๐Ÿ“ For example : ย 

Stargazers ย 

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

Forkers ย 

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

Another Cute View Counter.

๐Ÿ“ For example : ย 

Demo

A Stunning star history chart generator for Github Repositories

๐Ÿ“ For example : ย 

Red Chart

๐Ÿ“ For example : ย 

Github README Medium Recent Articles

โœ… Icons ๐Ÿ‘‡

2246 Free SVG icons for popular brands

๐Ÿ“ For example : ย 

ย 

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

๐Ÿ“ For example : ย 


๐Ÿ“‹ ๐Ÿ˜„ Add icons to your GitHub profile using this generator ๐Ÿ˜„ ๐Ÿ“‹

๐Ÿ“ For example : ย 


โš™๏ธ Profile Generator ๐Ÿ‘‡

๐ŸŽจ Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way ๐Ÿš€ The best profile readme generator you will find โšก

๐Ÿ“ For example : ย 

Profile Readme Generator

Create an awesome GitHub profile in minutes

๐Ÿ“ For example : ย 

Screenshot of ProfileMe.dev

๐Ÿ“„ CLI that generates beautiful README.md files

๐Ÿ“ For example :

readme md generator

Generate user-friendly, intuitive and dynamic markdown for your profile README, in less than a minute!

๐Ÿ“ For example : ย 

Demo

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

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

๐Ÿ“ For example : ย 

Screencast of Github AboutMe/Profile ReadMe Generator

This tool contains mini GUI components that you can hook together to automatically generate markdown code for a perfect readme.

๐Ÿ“ For example : ย 

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

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

๐Ÿ“ For example : ย 


๐Ÿ˜‰ Emojis

๐Ÿ”ฅ All the emojis ๐ŸŽ‰

All the Microsoft animated fluent emojis are available in one place and ready to use in your next project or README file.

๐Ÿ“ For example : ย 

Cat with Tears of Joy

Blue Heart

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

About

This repository will assist you in creating a more beautiful and appealing github profile, and you will have access to a comprehensive range of tools and tutorials for beautifying your github profile. ๐Ÿช„ โญ

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks