awesome-github-profile-readme VS github-readme-stats

Compare awesome-github-profile-readme vs github-readme-stats and see what are their differences.

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
awesome-github-profile-readme github-readme-stats
24 63
22,028 64,089
- -
0.0 9.7
7 days ago 3 days ago
Vue JavaScript
Creative Commons Zero v1.0 Universal MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

awesome-github-profile-readme

Posts with mentions or reviews of awesome-github-profile-readme. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-01-07.
  • How to Make Your Awesome GitHub Profile
    7 projects | dev.to | 7 Jan 2024
  • </code></li> <li><code><style></code></li> <li><code><xmp></code></li> <li><code><iframe></code></li> <li><code><noembed></code></li> <li><code><noframes></code></li> <li><code><script></code></li> <li><code><plaintext></code></li> </ul> <blockquote> <p>💡: To learn more, here's the <a href="https://github.github.com/gfm/#html-blocks">GitHub Flavored Markdown Spec</a> related to HTML blocks.</p> </blockquote> <h3> <a name="finding-inspiration" href="#finding-inspiration"> </a> Finding Inspiration </h3> <p>To help you get started, I suggest looking at other awesome GitHub profiles for ideas. You can go to <a href="https://github.com/abhisheknaiidu/awesome-github-profile-readme">awesome-github-profile-readme</a>, where I've found inspiration when making my profile. </p> <p>Since the profiles are open-source, you can use some of the good ideas for your awesome profile!</p> <p>You can also check out <a href="https://github.com/kshyun28">my profile</a> for some ideas. 😉</p> <h3> <a name="adding-badges" href="#adding-badges"> </a> Adding Badges </h3> <p>For adding badges to your profile, you can check out <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a>. The repository has a wide selection to choose from, ranging from programming languages to streaming platforms like Netflix.</p> <p>If you can't find what you're looking for or want to create custom badges, you can go to <a href="https://shields.io/">shields.io</a>, which is what <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a> use. </p> <p>Here's an example where I used <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a> on my profile.<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rlrJWZvX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/badges-example_t6jyr6.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rlrJWZvX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/badges-example_t6jyr6.png" alt="Markdown badges example" loading="lazy" width="800" height="127"></a></p> <h3> <a name="adding-icons" href="#adding-icons"> </a> Adding Icons </h3> <p>For adding a <code>skills</code> or <code>tech stack</code> section to your profile, I recommend using <a href="https://github.com/tandpfun/skill-icons">skill-icons</a> which provide beautiful icons.</p> <p>If your icon is not supported, you can go to <a href="https://simpleicons.org/">simpleicons</a>, which has over 2900 SVG icons for popular brands.</p> <p>Here's an example where I used <a href="https://github.com/tandpfun/skill-icons">skill-icons</a> for my profile's tech stack section. <br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QcxDGziL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/icons-example_nyo1sn.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QcxDGziL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/icons-example_nyo1sn.png" alt="Icons example" loading="lazy" width="800" height="182"></a></p> <h3> <a name="using-emojis" href="#using-emojis"> </a> Using Emojis </h3> <p>In GitHub Flavored Markdown, you can use emojis. To see the full list of supported emojis, you can go to this <a href="https://github.com/ikatyang/emoji-cheat-sheet">emoji-cheat-sheet</a>.</p> <p>If you want to get the list of supported emojis yourself, you can use <a href="https://docs.github.com/en/rest/emojis/emojis#get-emojis">GitHub's Emoji API</a>.</p> <p>Going to <a href="https://api.github.com/emojis">https://api.github.com/emojis</a> on your browser should show a JSON response of all supported emojis.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight json"><code><span class="p">{</span><span class="w"> </span><span class="nl">"+1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"-1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f44e.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"100"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f4af.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"1234"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f522.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"1st_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f947.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"2nd_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f948.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"3rd_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f949.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"8ball"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f3b1.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span></code></pre> <div class="highlight__panel js-actions-panel"> <div class="highlight__panel-action js-fullscreen-code-action"> <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode Exit fullscreen mode Here's an example where I used emojis for my profile. Adding GitHub Stats For adding cards and stats for your GitHub activity, I recommend using github-readme-stats. You can customize your stat cards with different layouts and themes. Here's an example where I added GitHub stats to my profile. Adding Quotes Adding random quotes to your profile can add a nice touch for visitors. I found github-readme-quotes to be useful for doing just that. Here's what it looks like on my profile. I personally like to add quotes to provide some value to my profile visitors. More Ideas For adding more infographics to your profile, I recommend checking out metrics. This is one of the most starred repositories on GitHub with the github-profile topic, so I couldn't leave this out. Then I found this beautiful resource beautify-github-profile, where you can find more ways to customize your profile. If you're also feeling adventurous, you can explore the github-profile topic here. The repositories are sorted by the number of stars by default. Feel free to explore repositories with the github-profile topic. You might even find ones that aren't used as much but are just what you need. GitHub Profile Achievements While this is not related to customizing your GitHub profile's README.md, I feel the need to include it. If you go to your GitHub profile, you'll notice an Achievements section on the left sidebar. These achievements are fun to collect and can improve your overall GitHub profile. To learn more about what achievements are available and how to get them, check out the list of GitHub profile achievements. Conclusion To recap, we walked through how to create your GitHub profile. Then I showed how to format your profile with GitHub Flavored Markdown and HTML. After that, I shared where you can get inspiration for your own profile. Finally, I gave tips and resources on ways to customize your profile. I hope this can help you in making your awesome GitHub profile. I'd love to see what you can come up with! Thank you for reading and feel free to comment or connect with me here. Resources Managing your GitHub profile README GitHub Basic Writing and Formatting Syntax awesome-github-profile-readme repository markdown-badges repository shields.io skill-icons repository simpleicons.org emoji-cheat-sheet GitHub's Emoji API github-readme-stats repository github-readme-quotes repository metrics repository beautify-github-profile repository repositories with "github-profile" topic github-profile-achievements list
  • Setup a Dynamic GitHub User Profile README
    4 projects | dev.to | 19 Mar 2023
    I stumbled upon a list of awesome GitHub Profile READMEs and spent quite some time reviewing them for inspiration. There are some very creative folks out there that have found interesting ways to express themselves and their projects. Those and other resources go into more examples of the things you can do:
  • #gitPanic - Documentation and Profiles
    6 projects | dev.to | 18 Nov 2022
    awesome-github-profile-readme
  • #gitPanic - Git 101
    2 projects | dev.to | 4 Nov 2022
    With an account, you can create codebases, see your code, interact with other users, document your code, track your work, see stats about the code you've written, and much more. In today's job market, a Github profile can easily be your software development portfolio.
  • I made the best Github ReadMe EVER!
    7 projects | dev.to | 4 Sep 2022
    Here's a site to look up other people's profiles. You can also find a list of tools to help you build the best possible Github ReadMe. There are plenty of profile generators out there to make your life easier.
  • Need career advice please
    3 projects | /r/webdev | 1 Sep 2022
    Github portfolio just means you update your readme page on Github (like https://github.com/abhisheknaiidu/awesome-github-profile-readme), which i could see as useful for providing information on your previous work on Github. it doesn't take long to do (you're just editing a markdown file). i don't have my first job yet, so i have to make a portfolio which demonstrates that yes i can build a website and do basic web dev stuff. with your experience, i doubt they're going to look for a portfolio for you. im rooting for anyone who wants to "compete with the younger folk". im 28 but i have no professional webdev experience (I have degrees in neuroscience and an MD, don't ask). i don't like kids getting the better of me, so I'm all for learning new things. my best guess is these technical questions you're having trouble with might be either really advanced senior level stuff in the role you're looking at or the algorithm based questions like LeetCode or HackerRank. If you haven't done a technical interview in decades, my guess is the nature of interviews might not be the same as you remember. definitely tons of youtube videos and websites to help prepare for those though.
  • What are some really nice GitHub profile READMEs you've stumbled upon? I need some inspiration for mine :)
    3 projects | /r/github | 21 May 2022
    https://github.com/abhisheknaiidu/awesome-github-profile-readme and https://github.com/coderjojo/creative-profile-readme are two collections of cool GitHub profile READMEs.
  • hi, i created my profile ReadMe on github, do you have any suggestion to improve it? if you have one, can you show your profile ReadMe? im curious
    2 projects | /r/learnprogramming | 23 Mar 2022
    Here’s a list of some ReadMe’s if you haven’t seen it already https://github.com/abhisheknaiidu/awesome-github-profile-readme.
  • Make Your Github Profile Stand Out
    2 projects | dev.to | 19 Feb 2022
    It is your place to say hello and present yourself. You can make do with a short paragraph about yourself, or completely kill it- but have one. It's almost rude not to 😉
  • How to create an awesome Github README
    14 projects | dev.to | 14 Dec 2021
    Awesome GitHub Profile README

github-readme-stats

Posts with mentions or reviews of github-readme-stats. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-10.
  • Analyzing Your Blog Stats with Next.js
    2 projects | dev.to | 10 Mar 2024
    A big shoutout to the creators of the README-Stats project for their awesome theme suite!
  • Cool readme on your github profile page with github actions.
    4 projects | dev.to | 30 Sep 2023
    You can add a lot of Anurag Hazra‘s GitHub ReadMe Stats features:
  • Create and Elevate Your GitHub Profile README
    13 projects | dev.to | 13 Aug 2023
    The GitHub Readme Stats project by Anurag Hazra generates dynamic statistics about your GitHub activities. This includes your top languages, total contributions, and more. You can use these stats to showcase your skills and dedication.
  • Make images responsive to light/dark mode on GitHub
    2 projects | dev.to | 17 May 2023
    I didn't figured this on my own, the first time I learned about this feature was through the github-readme-stats project, under the responsive-card-theme section, it showed examples that I've used in my profile README and I've been also using on repositories as well.
  • How to add dynamic stats label in the readme file
    3 projects | /r/github | 25 Mar 2023
    https://github.com/anuraghazra/github-readme-stats or shields.io
  • How to Create an Impressive GitHub Profile
    3 projects | dev.to | 3 Feb 2023
    You can also add your top repositories or your favorite projects with a title, description, preview, and link. However, there is another way you can do this without README which I will explain very soon. You can add custom styling for repositories, check it out here.
  • Create a Simple Github Profile in 3 Steps
    5 projects | dev.to | 27 Jan 2023
    You can find a few different stat widgets on anuraghazra's repo. They are fairly customizable and allow you to hide stats that may not be that flattering or could be misleading.
  • Creating a Stunning GitHub Profile README: Tips and Tricks
    3 projects | dev.to | 10 Jan 2023
    Add some markdown and HTML to your README to make it your own. Make careful to pick the appropriate font and color scheme for your profile so that it looks appealing. You can make a GitHub profile README that stands out and effectively advertises your work and abilities to potential employers and collaborators by using the advice in this article. Here are Some Github Repos, for adding extra features shield(have small badges) - https://github.com/badges/shields Adding gihubstack - https://github.com/anuraghazra/github-readme-stats Add your articles - https://github.com/bxcodec/github-readme-medium-recent-article
  • It's been a busy year! I wish Github had EOY recaps, it would be neat to see a year of coding in a cool and interactive video. lol
    6 projects | /r/webdev | 15 Dec 2022
    There’s also a stats card project which looks fantastic: https://github.com/anuraghazra/github-readme-stats
  • How to make an Awesome GitHub Profile
    4 projects | dev.to | 9 Nov 2022
    Almost everyone on GitHub uses Anurag’s GitHub-Readme-Stats, and I use it too. So I recommend checking out that repository and reading the well-written documentation to know everything about Adding and Customizing your GitHub Stats. As I said, the documentation is well-written so no need of writing a tutorial here.

What are some alternatives?

When comparing awesome-github-profile-readme and github-readme-stats you can also consider the following projects:

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

codewars_readme_stats - Display your codewars stats at your github profile 🚀

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

spotify-github-profile - Show your Spotify playing on your Github profile

readme-typing-svg - ⚡ Dynamically generated, customizable SVG that gives the appearance of typing and deleting text for use on your profile page, repositories, or website.

github-contribution-graph - Add beautiful GitHub contribution/commit graph to your profile README!

the-art-of-command-line - Master the command line, in one page

shields - Concise, consistent, and legible badges in SVG and raster format

awesome-github-profile-readme-templates - This repository contains best profile readme's for your reference.

Ciphey - ⚡ Automatically decrypt encryptions without knowing the key or cipher, decode encodings, and crack hashes ⚡

spotify-recently-played-readme - Display your recently played Spotify tracks on your GitHub profile README.

markdown-here - Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.