Convert Figma logo to code with AI

rzashakeri logobeautify-github-profile

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

12,516
661
12,516
7

Top Related Projects

:zap: Dynamically generated stats for your github readmes

🔥 Stay motivated and show off your contribution streak! 🌟 Display your total contributions, current streak, and longest streak on your GitHub profile README

17,307

📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

🌈 Dynamic Coloful Image Render

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

😎 A curated list of awesome GitHub Profile which updates in real time

Quick Overview

The "beautify-github-profile" repository is a comprehensive guide and resource collection for enhancing GitHub profile pages. It provides a wide range of tools, tips, and customizable elements to help users create visually appealing and informative GitHub profiles, showcasing their skills and projects effectively.

Pros

  • Extensive collection of resources and tools for profile customization
  • Regularly updated with new content and features
  • Includes both basic and advanced customization options
  • Offers multilingual support for wider accessibility

Cons

  • May be overwhelming for beginners due to the large amount of information
  • Some customization options might require additional coding knowledge
  • Not all features may be compatible with all GitHub account types
  • Constant updates may require users to frequently revisit and modify their profiles

Getting Started

To get started with beautifying your GitHub profile:

  1. Create a new repository with the same name as your GitHub username.
  2. Add a README.md file to this repository.
  3. Edit the README.md file with your desired content and customizations.
  4. Use the resources and examples provided in the beautify-github-profile repository to enhance your profile.

Example:

# Hi there 👋, I'm [Your Name]

## About Me
[Brief introduction about yourself]

## My Skills
[List your skills or use skill badges]

## My Projects
[Showcase your top projects with links]

## GitHub Stats
![Your GitHub stats](https://github-readme-stats.vercel.app/api?username=yourusername&show_icons=true)

## Connect with Me
[Add your social media links or contact information]

Customize this template using the various tools and resources provided in the beautify-github-profile repository to create a unique and attractive GitHub profile that best represents you and your work.

Competitor Comparisons

:zap: Dynamically generated stats for your github readmes

Pros of github-readme-stats

  • More focused on generating dynamic statistics cards for GitHub profiles
  • Offers a wider variety of customizable stats cards (e.g., top languages, GitHub streaks)
  • Provides an API for integrating stats into other applications

Cons of github-readme-stats

  • Limited to statistics-based profile enhancements
  • Requires users to manually add generated cards to their README
  • Less comprehensive in terms of overall profile customization options

Code Comparison

beautify-github-profile:

## 🏆 GitHub Trophies
![](https://github-profile-trophy.vercel.app/?username=yourusername&theme=radical&no-frame=false&no-bg=true&margin-w=4)

github-readme-stats:

[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

The beautify-github-profile example showcases a trophy display, while github-readme-stats focuses on generating a statistics card. github-readme-stats provides a more concise way to display various GitHub statistics, whereas beautify-github-profile offers a wider range of profile customization options beyond just statistics.

Both repositories aim to enhance GitHub profiles, but github-readme-stats specializes in dynamic statistics visualization, while beautify-github-profile provides a more comprehensive set of tools for overall profile aesthetics and content organization.

🔥 Stay motivated and show off your contribution streak! 🌟 Display your total contributions, current streak, and longest streak on your GitHub profile README

Pros of github-readme-streak-stats

  • Focused specifically on generating GitHub contribution streak statistics
  • Offers more customization options for streak stats (themes, date format, etc.)
  • Provides a live demo and configuration tool for easy setup

Cons of github-readme-streak-stats

  • Limited to streak statistics, while beautify-github-profile offers a wider range of profile enhancements
  • Requires hosting the stats image separately, unlike beautify-github-profile's direct profile modifications
  • Less comprehensive documentation for advanced usage scenarios

Code Comparison

beautify-github-profile:

<h3 align="left">Connect with me:</h3>
<p align="left">
<a href="your-link" target="blank"><img align="center" src="your-icon-url" alt="alt text" height="30" width="40" /></a>
</p>

github-readme-streak-stats:

[![GitHub Streak](https://streak-stats.demolab.com?user=DenverCoder1)](https://git.io/streak-stats)

The beautify-github-profile example shows how to add social media links, while github-readme-streak-stats demonstrates embedding streak statistics directly in the README.

17,307

📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

Pros of metrics

  • Highly customizable with numerous plugins and options
  • Generates SVG images for easy embedding in profiles
  • Supports automated updates via GitHub Actions

Cons of metrics

  • More complex setup and configuration
  • Requires a personal access token for some features
  • May have higher resource usage due to extensive data collection

Code comparison

metrics:

- uses: lowlighter/metrics@latest
  with:
    token: ${{ secrets.METRICS_TOKEN }}
    config_timezone: America/New_York
    plugin_languages: yes
    plugin_languages_ignored: html, css

beautify-github-profile:

![Metrics](https://metrics.lecoq.io/rzashakeri?template=classic&config.timezone=America%2FTehran)

Summary

metrics offers a more comprehensive and customizable solution for GitHub profile enhancement, with a wide range of plugins and options. It generates SVG images that can be easily embedded in profiles and supports automated updates through GitHub Actions. However, it requires a more complex setup and configuration process, and some features need a personal access token.

beautify-github-profile provides a simpler approach with pre-made templates and easier implementation. It's more accessible for users who want quick profile enhancements without extensive configuration. However, it offers less customization and fewer features compared to metrics.

Both projects aim to improve GitHub profiles, but metrics is better suited for users who want detailed control and extensive data visualization, while beautify-github-profile is ideal for those seeking a simpler, more straightforward solution.

🌈 Dynamic Coloful Image Render

Pros of capsule-render

  • Focused specifically on generating eye-catching header images for GitHub profiles
  • Offers a wide range of customization options for header images
  • Simple to use with a URL-based API for easy integration

Cons of capsule-render

  • Limited to header image generation, unlike beautify-github-profile's comprehensive profile enhancement
  • Requires external hosting of generated images, potentially affecting load times
  • Less flexibility in overall profile customization compared to beautify-github-profile

Code Comparison

capsule-render:

![Header](https://capsule-render.vercel.app/api?type=wave&color=auto&height=300&section=header&text=capsule%20render&fontSize=90)

beautify-github-profile:

<h3 align="left">Connect with me:</h3>
<p align="left">
<a href="your-twitter-url" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/twitter.svg" alt="your-twitter" height="30" width="40" /></a>
</p>

capsule-render focuses on generating a single, customizable header image, while beautify-github-profile provides a more comprehensive set of tools for enhancing the entire GitHub profile, including social media links and other elements.

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

Pros of github-profile-views-counter

  • Focused specifically on tracking profile views
  • Lightweight and easy to implement
  • Provides real-time view count updates

Cons of github-profile-views-counter

  • Limited customization options
  • Lacks additional profile enhancement features
  • May not be as visually appealing as more comprehensive solutions

Code Comparison

beautify-github-profile:

[![GitHub followers](https://img.shields.io/github/followers/username?style=social)](https://github.com/username)
[![GitHub stars](https://img.shields.io/github/stars/username/repo?style=social)](https://github.com/username/repo/stargazers)

github-profile-views-counter:

![Profile views](https://komarev.com/ghpvc/?username=username)

The beautify-github-profile repository offers a more comprehensive set of tools and customization options for enhancing GitHub profiles. It includes various badges, statistics, and visual elements to create an attractive and informative profile.

On the other hand, github-profile-views-counter is a simpler, more focused tool that specifically tracks and displays profile view counts. It's easier to implement but offers fewer features compared to beautify-github-profile.

While beautify-github-profile provides a wide range of profile enhancements, github-profile-views-counter excels in its simplicity and efficiency in tracking profile views. The choice between the two depends on whether you want a comprehensive profile makeover or a simple view counter.

😎 A curated list of awesome GitHub Profile which updates in real time

Pros of awesome-github-profile-readme

  • Larger collection of profile examples and resources
  • Better organized with categories and subcategories
  • More frequently updated with new contributions

Cons of awesome-github-profile-readme

  • Lacks detailed tutorials or step-by-step guides
  • Doesn't provide as many tools or generators for profile creation

Code Comparison

beautify-github-profile:

## 🛠️ Tools
- [Profile Readme Generator](https://rahuldkjain.github.io/gh-profile-readme-generator/)
- [GitHub Profile README Generator](https://arturssmirnovs.github.io/github-profile-readme-generator/)

awesome-github-profile-readme:

## Contents
- [Categories](#categories)
  - [GitHub Actions 🤖](#github-actions-)
  - [Game Mode 🚀](#game-mode-)
  - [Code Mode 👨🏽‍💻](#code-mode-)

The code comparison shows that beautify-github-profile focuses on providing tools and generators, while awesome-github-profile-readme emphasizes categorization and organization of profile examples. The latter offers a more comprehensive structure for browsing different types of profile READMEs, making it easier for users to find inspiration tailored to their specific needs or interests.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

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 Static Badge


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 👇

🔗 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 👇

Click to expand list

1 . shields

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

📍 For example :

Reza Shakeri AppVeyor tests badge Open VSX Rating (Stars) badge

2 . Markdown badges in many different categories

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

📍 For example :

Bitcoin Mysql React Python

3 . Badges 4 README.md Profile

Improve your README.md profile with these amazing badges.

📍 For example :

dev Xcode R

4 . Github Profile Views Counter

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

📍 For example :

Profile views for the badge Profile views for flat style

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

6 . For The Badge

Badges for badges' sake.

📍 For example :

Grunt status Grunt status

7 . Badgen

Fast badge generating service

📍 For example :

Demo1 Demo2 Demo3

8 . Badges for GitHub

A Curated list of Badges used in GitHub

📍 For example :

Gmail Telegram Linux

9 . Custom Icon Badges

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

📍 For example :

GitHub stars GitHub open issues GitHub license GitHub build status GitHub last commit Total contributions

10 . GitHub Profile Views Counter

Track your GitHub profile views and analyze statistics.

📍 For example :

Demo
YaroslavPodorvanov

11 . pepy

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

📍 For example :

Downloads

12 . ColoredBadges

Some badges I created for my GitHub profile readme.

📍 For example :

csharp php

13 . m3-Markdown-Badges

🏅 A Material You inspired markdown badge collection.

📍 For example :

Demo1 Demo2

14 . Discord Md Badge

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

📍 For example :

15 . GitHub Profile Badges

Clean badges for your GitHub Profile Readme

📍 For example :

16 . simple badges

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

📍 For example :

Python Badge Iconify Badge FIFA Badge

17 . hits

📈 Hit Counter for Your GitHub or Any Kind of Websites You Want.

📍 For example :

Hits

18 . gradient badge

The demo page doesn't work anymore. But you can still use the service via a url like this: https://gradgen.bokub.workers.dev/npm/v/gradient-badge?gradient=b65cff,11cbfa.

🍭 Badge generator with color gradient support

📍 For example :

npm demo prettier build

19 . Aoc Badges Action

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

📍 For example :

20 . Github Badges

Application made to create badges for your readme 📑

📍 For example :

GithubBadges

21 . laravel github profile view counter

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

📍 For example :

laravel github profile view counter

22 . Stackoverflow Badge

Display your stats with this unique StackOverflow Badge

📍 For example :

Stackoverflow Badge

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

Grunt status Project Badge

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

Built with Grunt Coverage Status

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

semaphore docs

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

PyPI version

27 . Stardev

Stardev ranks every GitHub user and repository by language and location. You can get a HTML or Markdown badge that shows your global rank across all languages and your top languages by star count.

📍 For example :

Check out oliyh's profile on stardev.io

Outdated

Click to expand list

The servers of these projects are down. But they are still interesting for inspiration or forking.

28 . View Count Badge

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

📍 For example :

View Count Badge

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

Peerlist

30 . Topmate Profile 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


🛠️ Widgets 👇

Click to expand list (1~50)

1 . github readme stats

Dynamically generated stats for your github readmes

📍 For example :

2 . Profile Summary For Github

Tool for visualizing GitHub profiles

📍 For example :

screenshot

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

4 . Github Star History

Dynamically generated GitHub repository star chart. 📈 ⭐️

📍 For example :

Star History Chart

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

Readme Typing svg

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

7 . Github Profile Trophy

Add dynamically generated GitHub Stat Trophies on your readme

📍 For example :

Github Profile Trophy

8 . Generate Snake Game From Github Contribution Grid

Generates a snake game from a github user contributions graph

📍 For example :

Demo

9 . GitHub Contribution Chart Generator

Generate an image of all your Github contributions

📍 For example :

GitHub Contribution Chart Generato

10 . upptime

GitHub Actions uptime monitor & status page

📍 For example :

🟩 Up Response time graph 79ms

11 . Awesome Github Profile Readme Templates

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

12 . waka readme stats

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

📍 For example :

Project Preview

13 . Github Profile Summary Cards

A tool to generate your github summary card for profile README

📍 For example :

Demo1 Demo2 Demo3 Demo4 Demo5

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

15 . Moe Counter

Another Cute View Counter.

📍 For example :

Moe Counter

16 . GitHub Stats Visualization

Generate visualizations of GitHub user and repository statistics with GitHub Actions. Visualizations can include data from private repositories, and from repositories you have contributed to, but do not own.

📍 For example :

17 . Github Readme Activity Graph

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

📍 For example :

graph

18 . socialify

💞 Socialify your project. 🌐 Share with the world!

📍 For example :

socialify

19 . Spotify Github Profile

Show your Spotify playing on your Github profile

📍 For example :

novatorem.svg
spotify-github-profile

20 . Github Profile 3d Contrib

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

📍 For example :

svg

21 . waka readme

Wakatime Weekly Metrics on your Profile Readme.

📍 For example :

Project Preview

22 . GIFs For GitHub

Awesome List of GIFs & avatars to use in GitHub markdown

📍 For example :

GIFs For GitHub

23 . Capsule Render

Dynamic Coloful Image Render

📍 For example :

24 . github-unwrapped

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

📍 For example :

github-unwrapped

25 . GitHub Spray

Draw on your GitHub contribution graph ░▒▓█

📍 For example :  

GitHub Spray logo

26 . Github Profile Header Generator

A header image generator for your Github profile Readme

📍 For example :

Example 1

27 . LeetCode-Stats-Card

Show your dynamically generated LeetCode stats on your GitHub profile or your website!

📍 For example :

LeetCode Stats

28 . Readme Jokes

😄 Jokes for your GitHub READMEs

📍 For example :

Jokes Card

29 . GitHub Achievements

🔥 A Complete List of GitHub Profile Badges and Achievements 🔥

📍 For example :

DEFAULT BRONZE SILVER GOLD
2 8 16 32

30 . Github Activity Readme

Updates README with the recent GitHub activity of a user

📍 For example :

profile-repo

31 . Spotify Recently Played Readme

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

📍 For example :

Spotify recently played

32 . Github Readme Programming Quotes

Add Programming Quotes To Your GitHub Readme

📍 For example :

Readme Quotes

33 . lanyard-profile-readme

🏷️ Utilize Lanyard to display your Discord Presence in your GitHub Profile.

📍 For example :

lanyard-profile-readme

34 . Github Stats Transparent

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

📍 For example :

Demo1 Demo2

35 . contributors img

show all profile images contributors

📍 For example :

contributors img

36 . Github Contribution Stats

Dynamically generated Github Contribution Stats. 📈 📆

📍 For example :

Contribution Stats

37 . Github Action Dynamic Profile Page

GitHub Action to push updates to your special profile repository.

📍 For example :

Github Action Dynamic Profile Page

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

39 . Github Readme Medium

Dynamically generated your latest Medium article on your GitHub readmes!

📍 For example :

40 . Profile Activity Generator

Generate custom profile activity for your profile README

📍 For example :

Profile Activity Generator

41 . Github Readme Stackoverflow

Dynamically generated your StackOverflow status on your GitHub READMEs!

📍 For example :

Omid Nikrah StackOverflow
Omid Nikrah StackOverflow

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

43 . Github Profile Name Writer

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

📍 For example :

Image of Ironman on github Profile

44 . Github Profile Languages

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

📍 For example :

github-profile-languages

45 . Action Devcard

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

46 . Todoist Readme

Updates README with Todoist Stats of a user

📍 For example :

Todoist Readme

47 . Github Readme Quotes

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

📍 For example :

Quote

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

49 . Github Readme Medium Recent Article

Add Your Recently Published Medium Articles to Your GitHub Readme

📍 For example :

Recent Article 0


Click to expand list (51~)

50 . Awesome GitHub Stats

Get an accurate data from your contributions and transform into a card to show at your GitHub profile README.

📍 For example :

51 . svg banners

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

📍 For example :

SVG Banners

52 . Github Widgetbox

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

📍 For example :

GitHub WidgetBox

53 . lastfm Recently Played Readme

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

📍 For example :

My scrobbles

54 . Github Stats Terminal Style

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

📍 For example :

Github Stats Terminal Style

55 . Badge-It

An API serving useful badges for your GitHub Profile README

📍 For example :

Last Stars Display

Contributors

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

Random Quote On Readme Result

57 . Pull Request Stats

Github action to print relevant stats about Pull Request reviewers

📍 For example :

58 . Readme Ascii

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

📍 For example :

readme-ascii

59 . Cool Readme profile items

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

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

moon1.svg moon2.svg

61 . Stackoverflow Readme Profile

Easily share your Stackoverflow's profile on your README

📍 For example :

profile

62 . 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 🗺️
Hikarumauriciofloreswin 🥇31/7/2022Link
mauriciofloresHikaruwin 🥇31/7/2022Link
Hikarumauriciofloreswin 🥇31/7/2022Link
mauriciofloresHikaruagreed ⏸️31/7/2022Link
HikaruJospemwin 🥇31/7/2022Link
JospemHikarutimeout ❌30/7/2022Link
HikaruJospemwin 🥇30/7/2022Link
JospemHikaruwin 🥇30/7/2022Link
HikaruJospemrepetition ⏸️29/7/2022Link
JospemHikarucheckmated ❌28/7/2022Link

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

terminal gif

64 . Spotify Data Card

Show your Spotify activity on your GitHub profile README.

📍 For example :

Spotify Data Card

65 . techstack generator

🕹Techstack generator that can show dynamic technology stack.

📍 For example :

66 . D-Day.widget

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

📍 For example :

dday-widget.svg

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

68 . repography

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

69 . github readme tech stack

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

📍 For example :

github readme tech stack

70 . daily DevCard

⭐ 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

71 . invidget

✉️ Invidget generates SVG renders of Discord invites that can be used in GitHub READMEs.

📍 For example :

invidget

72 . countdownmail

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

📍 For example :

countdownmail.com

73 . Repo Roster

The urls generated by this service are broken. But if you replace "https" by "http" in the urls, they work. For example: http://reporoster.com/stars/rzashakeri/beautify-github-profile

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

74 . Subreddit Memes

Any subreddit memes thread to display random memes.

📍 For example :

Subreddit Memes

75 . GitHub Stats

Github readme stats in multi angles.

📍 For example :

hyochan github-stats
hyochan github-trophies

76 . GitHub Repository Contribution Stats

Get dynamically generated your github repository contribution stats on your READMEs!

📍 For example :

Taehyun's GitHub Repository Contribution stats

77 . Bentohub

BentoHub is an app where you can create a bento grid and copy-paste the html or markdown code on to your github profile readme.

📍 For example :

BentoHub grid image

78 . github-profile-repo-analytics

📊 GitHub repository traffic stats are automatically fetched and visualized as customizable SVG charts via GitHub Actions workflows, making it easy to embed the generated charts in your GitHub profile.

📍 For example :

Zhuang's Repo Traffic Stats


79 . DevImg

Generating NPM or GitHub status for profile README.

📍 For example :

  • NPM downloads

  • GitHub profile


80 . Telegram Card

Dynamic preview card generator for Telegram channels, groups, and bots. Features responsive design, dark/light theme support, and displays subscriber/member/monthly users/online users counts. Perfect for GitHub profiles and portfolios.

📍 For example :

Preivew ItemPreivew Item
Preivew ItemPreivew Item
Preivew ItemPreivew Item
Telegram ChannelTelegram Channel

81 . GitHub PR Stats

Dynamic SVG tables displaying your GitHub pull requests with dual modes: detailed PR list and repository aggregate statistics. Features status filtering, star-based sorting, and customizable fields.

📍 For example :

📊 PR List Mode - Your Contribution Timeline

PR List Demo

📈 Repository Stats Mode - Impact Overview

Repo Stats Demo


82 . Nostalgia Github Banner

Dynamic styled banners! Perfect for one liners!

📍 For example :

Rainy Demo Noise Demo

83 . Wakadash

Tool that fetches your weekly WakaTime coding stats and generates charts and badges.

📍 For example :

Language Stats Weekly Stats

Badges

84 . GitHub Wrapped

Your 2025 coding journey, visualized.

📍 For example :

GitHub Wrapped

85 . GitHub Contribution Card

Dynamic SVG cards showing your GitHub repository contribution stats

📍 For example :

86 . Wakatime Readme Stats

wakatimeReadmeStats lets you showcase pretty, customizable coding activity cards in your GitHub README.

📍 For example :

87 . HyperWeave

GitHub profile stats, badges, star charts, icons, and more.

📍 For example :

88 . Gitly

GitHub README stats for your profile and performance overview

📍 For example :

89 . Readme Contribution Stats

Dynamic SVG cards for your GitHub README displaying repositories where you've merged PRs.

📍 For example :

90 . GitHubCard

A canvas editor with 20+ data widgets—drag, drop, and design unique GitHub profile and repo cards.

📍 For example :

91 . GitHub Starlines

Create beautiful stargazers histograms of your repositories or gists

📍 For example :

92 . user-statistician

user-statistician generates a detailed visual summary of your activity on GitHub in the form of an SVG, suitable to display on your GitHub Profile README.

📍 For example :

93 . GitHub Developer Score

Generates a stats card with a "developer score" for your profile.

📍 For example :

94 . My Badges

Google's Moma Badges for GitHub

📍 For example :

95 . GitHub Language Stats

Language Stats of your Private AND Public repos for your Readme/Project.

📍 For example :

96 . Vaunt

Vaunt is a fun way to show off your open-source skills! Developers can showcase their skills and achievements, while organizations can drive user contributions and highlight their different contributors.

📍 For example :


97 . Profile-stats

A simple badge to display your followers, stars, and repositories

📍 For example :

GitHub Stats

99 . git-bonsai

🌳 Grow a one-of-a-kind pixel-art bonsai from your GitHub history. Deterministic and procedural: account age sets the trunk, streaks bloom sakura, burnout gaps leave deadwood scars, and your languages pick the species and colors. Ships as a GitHub Action (auto-updating GIF for your profile) and a zero-install playground.

📍 For example:

A procedurally generated pixel-art bonsai growing from a seed

100 . Living Scene

🌦 Your profile README, synced to your actual weather. A scheduled Action asks Open-Meteo what the sky is doing at your coordinates and redraws an animated SVG banner to match — six weather states, four seasons, and day/night variants that follow the viewer's theme. A cat lives in the footer. No API key, no backend, no dependencies: one Python file and the standard library. Output is deterministic per (weather, season), so a week of clear skies produces zero commits instead of 56 identical ones.

📍 For example:

An animated sky strip with drifting clouds and falling rain An animated autumn garden footer with a cat

Outdated

Click to expand list

The servers of these projects are down. But they are still interesting for inspiration or forking.

98 . Github Trends

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

📍 For example :

image

99 . Profile Readme Stats

Showcase your github stats on your profile README.md

📍 For example :

readme.png

100 . Readme Pagespeed Insights

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

📍 For example :

Readme Pagespeed Insights

101 . Wrapped

GitHub Wrapped, inspired by Spotify Wrapped

📍 For example :

Wrapped

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

sliding-text
wavy-banner
technology

103 . Code Statistic

Dynamically generate your GitHub statistic card! The user card is used to count the languages of all projects under the user and generate statistics, calculate total stars earned, forks acquired, followers, watchers, number of open issues, etc.

104 . Random Memer

Returns random meme images scraped from Memedroid

105 . Goodreads Readme

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

📍 For example :

GoodReads

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

107 . Star History

A Stunning star history chart generator for Github Repositories

📍 For example :

Red Chart

108 . terminal-profile-card

🖥️ Neofetch-style terminal card for your profile README — an ASCII portrait beside a system-info pane, rendered to plain SVG that you commit to your repo. Nothing is generated at request time, so there is no hosted endpoint to rate-limit or return a 503 at the top of your profile. Ships two themes and swaps them with <picture> and prefers-color-scheme; the info pane, colours and character grid are all driven by a TOML config.

📍 For example :

terminal profile card

109 . GitHub Readme Zodiac

Zodiac-themed SVG profile cards and pinned Gists from your GitHub activity

📍 For example :

GitHub Readme Zodiac card

110 . GitHub Readme Chinese Zodiac

Asian zodiac (十二生肖) SVG profile cards and pinned Gists from your GitHub activity

📍 For example :

GitHub Readme Chinese Zodiac card

✅ Icons 👇

Click to expand list

1 . Skill Icons

Showcase your skills on your Github readme or resumé with ease ✨

📍 For example :
Skill Icons

2 . Profile Technology Icons

📋 😄 Add icons to your GitHub profile using this generator 😄 📋

📍 For example :

Profile Technology Icons

3 . Simple Icons

2246 Free SVG icons for popular brands

📍 For example :


⚙️ Profile Generator 👇

Click to expand list

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

2 . readme md generator

📄 CLI that generates beautiful README.md files

📍 For example :

readme md generator

3 . Profile Readme 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

4 . Profileme Dev

Create an awesome GitHub profile in minutes

📍 For example :

Screenshot of ProfileMe.dev

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

6 . Github Profilinator

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

📍 For example :

Github Profilinator

7 . Github Profile Readme Creator

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

📍 For example :

Demo

8 . github Profile Readme Generator

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

📍 For example :

Screencast of Github AboutMe/Profile ReadMe Generator

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

10 . coolreadme.xyz

Generate beautiful, dynamic GitHub profile cards in seconds — Netflix, X (Twitter), Twitch, Steam, TikTok styles plus animated pet streak cards (cat, dog, fox, owl, penguin) that level up through 9 stages from your real GitHub contributions. No signup, no API keys, free.

📍 For example :

coolreadme.xyz — every README has the same 3 cards (anuraghazra/github-readme-stats, DenverCoder1/streak-stats, shields.io). coolreadme replaces them with live, animated cards.

cat streak card — God tier cinematic profile card


😉 Emojis

Click to expand list

1 . Animated Fluent 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

2 . Markdown Emojis

🔥 All the emojis 🎉

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