🖐️
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💡 Where do we get ideas ?🚩 What do we do after seeing these profiles ?- Give A Star ⭐
📌 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 👇
List of Badges, in Markdown
1 .A list of badges and cards, with their Markdown code, that can be included in a README.md file for a GitHub
Markdown badges in many different categories
2 .Badges for your personal developer branding, profile, and projects.
View Count Badge
3 .A badge generator service that counts views on your markdown file.
shields
4 .Concise, consistent, and legible badges in SVG and raster format and Make tokens with custom values
laravel github profile view counter
5 .This package will allows you to track Github profile views and display them in your profile readme, for free.
Stackoverflow Badge
6 .Display your stats with this unique StackOverflow Badge
Github README YouTube Stats
7 .Youtube stats badges for your Github profile README. Displays the total number of subscribers or the view count for your channel.
Badges for GitHub
8 .A Curated list of Badges used in GitHub
Badges 4 README.md Profile
9 .Improve your README.md profile with these amazing badges.
Gitwar
10 .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 ...
Github Profile Views Counter
11 .It counts how many times your GitHub profile has been viewed. Free cloud micro-service.
ColoredBadges
12 .Some badges I created for my GitHub profile readme.
AppVeyor
13 .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 The Badge
14 .Badges for badges' sake.
Grunt Badge
15 .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!
semaphoreci Status Badges
16 .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.
Aoc Badges Action
17 .Github Action to update the badges of your Readme to show your current Advent of Code stats
Github Badges
18 .Application made to create badges for your readme
📍 For example :
Discord Md Badge
19 .Add to your GitHub readme a badge that shows your Discord username and presence!
simple badges
20 .Awesome Simple Icons on your favorite Shields.io Badges. Try out on your profile today!
📍 For example :
GitHub Profile Badges
21 .Clean badges for your GitHub Profile Readme
Custom Icon Badges
22 .Allows users to more easily use Octicons and their own icons and logos in shields.io badges
pepy
23 .pepy is a site to get statistics information about any Python package
📍 For example :
Version Badge
24 .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.
Peerlist Profile Badge
25 .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 :
hits
26 .📈 Hit Counter for Your GitHub or Any Kind of Websites You Want.
gradient badge
27 .Topmate Profile Badge
28 .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
GitHub Profile Views Counter
29 .Track your GitHub profile views and analyze statistics.
🛠️ Widgets 👇
Todoist Readme
1 .Updates README with Todoist Stats of a user
github readme stats
2 .Dynamically generated stats for your github readmes
GitHub Readme Streak Stats
3 .Stay motivated and show off your contribution streak!
waka readme
4 .Wakatime Weekly Metrics on your Profile Readme.
Profile Activity Generator
5 .Generate custom profile activity for your profile README
📍 For example :
Github Activity Readme
6 .Updates README with the recent GitHub activity of a user
Github Action Dynamic Profile Page
7 .GitHub Action to push updates to your special profile repository.
📍 For example :
waka readme stats
8 .This GitHub action helps to add cool dev metrics to your github profile Readme
Profile Readme
9 .Display profile activity and other cool widgets in your profile README.md
📍 For example :
💪 Opened PR #43 in webview/webview_deno
Spotify Github Profile
10 .Show your Spotify playing on your Github profile
Blog Post Workflow
11 .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
Github Readme Medium
12 .Dynamically generated your latest Medium article on your GitHub readmes!
Github Readme Stackoverflow
13 .Dynamically generated your StackOverflow status on your GitHub READMEs!
Profile Readme Stats
14 .Showcase your github stats on your profile README.md
Readme Jokes
15 .Github Profile Trophy
16 .Add dynamically generated GitHub Stat Trophies on your readme
📍 For example :
Github Readme Twitter
17 .Add Twitter to your github readme
Random Memer
18 .Returns random meme images scraped from Memedroid
Readme Pagespeed Insights
19 .Google lighthouse stats of your website that you can put in readme
REHeader
20 .Generate beautiful header images for your GitHub profile READMEs.
Goodreads Readme
21 .This project provides a badge for sharing your current book in your github profile.
Readme Typing svg
22 .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.
Awesome Github Profile Readme Templates
23 .This repository contains best profile readme's for your reference.
Profile Summary For Github
24 .Tool for visualizing GitHub profiles
📍 For example :
Github Profile Summary Cards
25 .A tool to generate your github summary card for profile README
Generate Snake Game From Github Contribution Grid
26 .Generates a snake game from a github user contributions graph
📍 For example :
Github Stats Transparent
27 .Automatically generate summary GitHub statistics images for your profile using Actions, no server required
Github Profile Name Writer
28 .Write your name using the github commits and make your profile awesome
Github Profile Languages
29 .Create a nice pie chart with the user's programming languages from their GitHub profile.
Github Profile 3d Contrib
30 .This GitHub Action creates a GitHub contribution calendar on a 3D profile image.
Github Profile Header Generator
31 .A header image generator for your Github profile Readme
metrics
32 .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!
Action Devcard
33 .GitHub Action to download the devcard from https://daily.dev
Pimp My Readme
34 .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 :)
GitHub Contribution Chart Generator
35 .Generate an image of all your Github contributions
📍 For example :
Wrapped
36 .GitHub Wrapped, inspired by Spotify Wrapped
GitHub Spray
37 .Draw on your GitHub contribution graph ░▒▓█
Github Trends
38 .Level up your GitHub profile readme with customizable cards including LOC statistics!
Github Readme Quotes
39.Dynamic quote generator for your GitHub readmes | Give a poetic touch to readmes
📍 For example :
Spotify Recently Played Readme
40 .Display your recently played Spotify tracks on your GitHub profile README.
📍 For example :
Github Readme Info
41 .This GitHub action helps to add cool Stats to your GitHub profile README.
I'm a night 🦉
🌞 Morning 57 commits ████░░░░░░░░░░░░░░░░░░░░░ 16.76%
🌆 Daytime 85 commits ██████░░░░░░░░░░░░░░░░░░░ 25.0%
🌃 Evening 128 commits █████████░░░░░░░░░░░░░░░░ 37.65%
🌙 Night 70 commits █████░░░░░░░░░░░░░░░░░░░░ 20.59%
Github Readme Medium Recent Article
42 .Add Your Recently Published Medium Articles to Your GitHub Readme
Github Widgetbox
43 .Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.)
📍 For example :
lastfm Recently Played Readme
44 .Display your recent Last.fm scrobbles on your GitHub profile README.
📍 For example :
Github Stats Terminal Style
45 .Generate Stats as like Terminal Interface with typing effects dynamically for your profile Readme
leetcode Stats
46 .Dynamically generated LeetCode stats for your GitHub READMEs!
Quote Readme
47 .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 !
Readme Ascii
48 .Turns text into images of ASCII art for GitHub README files.
Cool Readme profile items
49 .Some cool ideas for your readme profile, enjoy :) and You can access cool gifs through this repository
Capsule Render
50 .Dynamic Coloful Image Render
Github Readme npm Downloads
51 .Show npm packages downloads
Name | Downloads |
---|---|
post-merge-install | 185021 |
types-directory | 59207 |
install-types | 23071 |
engines-ok | 19752 |
npmtotal | 18267 |
Github Contribution Stats
52 .Dynamically generated Github Contribution Stats. 📈 📆
📍 For example :
Github Star History
53 .Dynamically generated GitHub repository star chart.
Moon.svg
54 .Add real-time moon on your github profile! Moon.svg shows the current moon phase in real time!
📍 For example :
Stackoverflow Readme Profile
55 .Easily share your Stackoverflow's profile on your README
Github Readme Programming Quotes
56 .Add Programming Quotes To Your GitHub Readme
Chess.com Games and Stats
57.Automatically update your README.md with Chess.com games and stats - fully customizable
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
58 .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 :
Spotify Data Card
59 .Show your Spotify activity on your GitHub profile README.
Github Readme Activity Graph
60 .A dynamically generated activity graph to show your GitHub activities of last 31 days.
svg banners
61 .Styled banners for your Readme made with html/css in SVG !!
techstack generator
62 .🕹Techstack generator that can show dynamic technology stack.
GitHub Achievements
63 .📍 For example :
DEFAULT | BRONZE | SILVER | GOLD |
---|---|---|---|
2 | 8 | 16 | 32 |
contributors img
64 .show all profile images contributors
📍 For example :
D-Day.widget
65 .Add D-Day widget to anywhere,
such as your Github Profile, Notion, etc
GitHub Readme YouTube Cards
66 .GitHub action to show your latest YouTube videos on your GitHub profile or project readme automatically as dynamic SVG cards
github-unwrapped
67 .A platform that generates a year in review video for each GitHub user
GIFs For GitHub
68 .Awesome List of GIFs & avatars to use in GitHub markdown
repography
69 .Make your GitHub repo beautiful
/ Recent activity
github readme tech stack
70 .📍 For example :
lanyard-profile-readme
71 .🏷️ Utilize Lanyard to display your Discord Presence in your GitHub Profile.
Starcharts
72 .daily DevCard
73 .
📍 For example :
socialify
74 .📍 For example :
invidget
75 .✉️ Invidget generates SVG renders of Discord invites that can be used in GitHub READMEs.
countdownmail
76 .The countdown timer is based on the end date and time in a specific time zone.
Repo Roster
77 .Shout-out supporters in your GitHub README file.
Stargazers
Forkers
✅ Icons 👇
Simple Icons
1 .2246 Free SVG icons for popular brands
Skill Icons
2 .Showcase your skills on your Github readme or resumé with ease
Profile Technology Icons
3 .📋 😄 Add icons to your GitHub profile using this generator 😄 📋
⚙️ Profile Generator 👇
Profile Readme Generator
1 .Profileme Dev
2 .Create an awesome GitHub profile in minutes
readme md generator
3 .Github Profile Readme Creator
4 .Generate user-friendly, intuitive and dynamic markdown for your profile README, in less than a minute!
📍 For example :
Github Profile Readme Maker
5 .Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way. Lots of features and tools included, all for free !
github Profile Readme Generator
6 .Generate a cool README/About me page for your Github Profile
📍 For example :
Github Profilinator
7 .This tool contains mini GUI components that you can hook together to automatically generate markdown code for a perfect readme.
Github Profile Readme Generator
8 .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 Profile Readme Generator
9 .Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.
😉 Emojis
Markdown Emojis
1 .Animated Fluent Emojis
2 .All the Microsoft animated fluent emojis are available in one place and ready to use in your next project or README file.
💙
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