beautify-github-profile
beautify-github-profile copied to clipboard
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....

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
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 ๐
๐ 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.
๐ For example : ย ย
ย
ย
3 . Count Visitors Badges
A badge generator service to count visitors of your markdown file.
๐ For example : ย ย
4 . shields
Concise, consistent, and legible badges in SVG and raster format and Make tokens with custom values
๐ For example : ย ย
ย
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 : ย
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 : ย ย
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 :
13 . ColoredBadges
Some badges I created for my GitHub profile readme.
๐ For example :
14 . AppVeyor
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 :
15 . For The Badge
Badges for badges' sake.
๐ For example :
16 . Grunt Badge
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 :
17 . semaphoreci Status Badges
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 :
18 . Aoc Badges Action
Github Action to update the badges of your Readme to show your current Advent of Code stats
๐ For example :
19 . Github Badges
Application made to create badges for your readme ๐
๐ For example :
20 . Discord Md Badge
Add to your GitHub readme a badge that shows your Discord username and presence!
๐ For example :
21 . simple badges
Awesome Simple Icons on your favorite Shields.io Badges. Try out on your profile today!
๐ For example :
22 . GitHub Profile Badges
Clean badges for your GitHub Profile Readme
๐ For example :
23 . Custom Icon Badges
Allows users to more easily use Octicons and their own icons and logos in shields.io badges
๐ For example :
24 . pepy
pepy is a site to get statistics information about any Python package
๐ For example :
25 . Version Badge
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 :
26 . Peerlist Profile Badge
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 :
๐ ๏ธ 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 : ย
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 : ย
4 . waka readme
Wakatime Weekly Metrics on your Profile Readme.
๐ For example : ย

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

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

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

13 . Github Readme Medium
Dynamically generated your latest Medium article on your GitHub readmes!
๐ For example : ย
14 . Github Readme Stackoverflow
Dynamically generated your StackOverflow status on your GitHub READMEs!
๐ For example : ย
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 : ย
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 : ย
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 : ย
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 : ย
24 . Goodreads Readme
This project provides a badge for sharing your current book in your github profile.
๐ For example : ย
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 : ย
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 : ย

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

33 . Github Profile Languages
Create a nice pie chart with the user's programming languages from their GitHub profile.
๐ For example : ย
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 : ย
36 . Github Profile Header Generator
A header image generator for your Github profile Readme
๐ For example : ย

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 : ย
38 . Action Devcard
GitHub Action to download the devcard from https://daily.dev
๐ For example : ย
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 : ย
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 : ย
43 . Github Trends
Level up your GitHub profile readme with customizable cards including LOC statistics!
๐ For example : ย

44 . Github Readme Quotes
Dynamic quote generator for your GitHub readmes | Give a poetic touch to readmes
๐ For example : ย
45 . Spotify Recently Played Readme
Display your recently played Spotify tracks on your GitHub profile README.
๐ For example : ย
46 . Github Profile Readme Creator
Generate user-friendly, intuitive and dynamic markdown for your profile README, in less than a minute!
๐ For example : ย

47 . Github Readme Info
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%
48 . Github Readme Medium Recent Article
Add Your Recently Published Medium Articles to Your GitHub Readme
๐ For example : ย
49 . Github Widgetbox
Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.)
๐ For example : ย
50 . lastfm Recently Played Readme
Display your recent Last.fm scrobbles on your GitHub profile README.
๐ For example : ย
51 . Github Stats Terminal Style
Generate :octocat: Stats as like Terminal Interface with typing effects dynamically for your profile Readme
๐ For example : ย
52 . leetcode Stats
Dynamically generated LeetCode stats for your GitHub READMEs!
๐ For example : ย
53 . Quote Readme
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 : ย

54 . Readme Ascii
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 : ย

55 . Cool Readme profile items
Some cool ideas for your readme profile, enjoy :) and You can access cool gifs through this repository
๐ For example : ย
56 . Capsule Render
Dynamic Coloful Image Render
๐ For example : ย
57 . Github Readme npm Downloads
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 |
58 . Github Contribution Stats
Dynamically generated Github Contribution Stats. ๐ ๐
๐ For example : ย
59 . Github Star History
Dynamically generated GitHub repository star chart. ๐ โญ๏ธ
๐ For example : ย
60 . Moon.svg
Add real-time moon on your github profile!
Moon.svg shows the current moon phase in real time!
๐ For example :
61 . Stackoverflow Readme Profile
Easily share your Stackoverflow's profile on your README
๐ For example :
62 . Github Readme Programming Quotes
Add Programming Quotes To Your GitHub Readme
๐ For example :
63. Chess.com Games and Stats
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 |
64 . Terminal Gif Maker
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 :

โ Icons ๐
1 . Simple Icons
2246 Free SVG icons for popular brands
๐ For example : ย
<svg role="img" width=50 viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
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