Skip to content

Make a beautiful and awesome Github profile by badges, icons, emojis and widgets! This repository aims to enhance the beauty and professionalism of your GitHub profile. By codes, links and simple examples provided in this repository, you can easily elevate the beauty of your Github Profile.

Notifications You must be signed in to change notification settings

Sarvandani/Beautiful_github_profile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Beautiful_github_profile

Making a beautiful GitHub profile can demonstrate the professionalism of programmers. However, some of the available tools and resources for this purpose can be complicated for beginners and may even be confusing at times. In response, I've put together a comprehensive explanation along with links to help create an attractive GitHub profile. I've included the most applicable tools and resources to make the process easier. If you find this work helpful, please don't forget to give it a star!


Table of contents


1. STATIC BADGES

1.1 Importing image

One of the easiest ways is to import images of badges or logos into your GitHub readme. You can also create something similar within your GitHub repository and import it from there. To ensure high quality, you can import images in SVG format. A list of these types of images can be found at the following links: LINK1, LINK2 and LINK3. Simply copy and paste similar to following code into your GitHub readme to display the image or badge.

badge and code
<img src='https://github.com/MikeCodesDotNET/ColoredBadges/blob/master/svg/dev/services/google_cloud_platform.svg'>
<img src='https://github.com/MikeCodesDotNET/ColoredBadges/blob/4a38660afb7be89a6032218589b4454a1285c7f8/svg/dev/tools/docker.svg'>

1.2 Predefined Markdown badges

When using Markdown badges, you simply need to copy and paste the badge codes as shown in the table on your GitHub README. A comprehensive list of Markdown badges can be found at the following links and you just need to copy and paste them into your README: LINK1, LINK2.

badge and code
Keras
![Keras](https://img.shields.io/badge/Keras-%23D00000.svg?style=for-the-badge&logo=Keras&logoColor=white)
Pandas
![Pandas](https://img.shields.io/badge/pandas-%23150458.svg?style=for-the-badge&logo=pandas&logoColor=white)
SPARK
![SPARK](https://img.shields.io/badge/Apache%20Spark-E25A1C.svg?style=for-the-badge&logo=Apache-Spark&logoColor=white)

1.3 Predefined URL badges

In URL badges, you need to create a code as follows using the available URL links of the badge in the README: ![Your preferred name for badge](URL). A comprehensive list of URL badges can be found at the following links: LINK1, LINK2 and LINK3.

badge and code
Maintained_yes
![Maintained_yes](https://img.shields.io/badge/Maintained%3F-yes-green.svg)
Made_jupyter
![Made_jupyter](https://img.shields.io/badge/Made%20with-Jupyter-orange?style=for-the-badge&logo=Jupyter)
PyPi license
![![PyPi license](https://badgen.net/pypi/license/pip/)](https://pypi.org/project/pip/)

1.4. Badge generators

1.4.1 Gradient badge

The following LINK is one of the easiest or user-friendly ways to create a badge. I have created an example with my name.

badge and code
name of Badge
[![name of Badge](https://7s1dozs4p5px.runkit.sh)](https://git.io/gradientbadge)

1.4.2 shield

Imoport your badge information in the following link. Here you should know to import the infromation according to example in badgeContent β€” path as follows: You_Like-Beautiful_Github-blue. Then copy markdown of your badge in the README. Result: name of Badge

The example with my name is as follows.

badge and code
name of Badge
![name of Badge](https://img.shields.io/badge/Sarvandani-Badge-blue)

1.4.3 For the badge

This one is user-friendly too. Imoport your badge information in the following LINK, then dwnload SVG image of the badge and import it into your README.

badge and code
<img src='https://github.com/Sarvandani/Beautiful_github_profile/blob/main/sarvandani-badge.svg'>

1.4.4 Custom Icon Badges

If you want to add prepared icons or your own icons to badges, you can use the following link:LINK Use this badge generator as follows:

  1. Get a badge URL from shields.io. Replace img.shields.io with custom-icon-badges.demolab.com 3. Utilize the slugs of the link as the logo in the code.
badge and code
name of Badge
![name of Badge](https://custom-icon-badges.demolab.com/badge/Mohamadhasan-Sarvandani-blue.svg?logo=repo&logoColor=white)

2.DYNAMIC BADGES

2.1 Profile view

This badge counts how many times the GitHub profile has been viewed and is shown them in your profile. You can use the following link: LINK. You just need to add your username in the code.

badge and code
![](https://komarev.com/ghpvc/?username=Sarvandani&style=for-the-badge&color=green)
![](https://komarev.com/ghpvc/?username=Sarvandani&style=plastic)

2.2 Hit counter

The following link is one of the easiest ways for hit counting. I have created an example with my repository link on GitHub. You just need to visit the link, add the URL of your webpage, and extract the Markdown code. Then, copy the Markdown into your README.

badge and code
Hits
[![Hits](https://hits.sh/github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)](https://hits.sh/github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/)

2.3 version badges

A "Version Badge" typically refers to a visual indicator that displays the version number of libraries or packages. It is used in the context of open-source projects provide users with information about the version of a particular component they are using. For example, PyPI (Python Package Index) package version refers to the version number associated with a specific release of a Python package that is hosted on PyPI. You can select the package and your required language in the following LINK. here is an example with Keras package in Python. Just copy and paste the markdown for you work.

badge and code
PyPI version
[![PyPI version](https://badge.fury.io/py/keras.svg)](https://badge.fury.io/py/keras)

2.4 Python package statistics

In the follwing LINK, you can find statistic such as moanthly download of Python packages. I have chosen Tensorflow as an example. Go to the link and select your package. Then you just need to copy.

badge and code
Downloads
[![Downloads](https://static.pepy.tech/badge/tensorflow)](https://pepy.tech/project/tensorflow)

2.5 Fast information of repository

You can use the following LINK for badge of repository. In the link, import your usernam and repository name as follows as an example: Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression

Result is like this and you can use every badge that you prefer:

2.6 Github dynamic badges

GitHub Branches
GitHub branches
[![GitHub branches](https://badgen.net/github/branches/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression)
GitHub Downloads
Github DL
[![Github DL](https://img.shields.io/github/downloads/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/total.svg)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/releases/)
GitHub Forks
GitHub forks
[![GitHub forks](https://img.shields.io/github/forks/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg?style=social&label=Fork&maxAge=2592000)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/network/)
GitHub Stars
GitHub stars
[![GitHub stars](https://img.shields.io/github/stars/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg?style=social&label=Star&maxAge=2592000)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/stargazers/)
GitHub followers
GitHub follow
[![GitHub follow](https://img.shields.io/github/followers/Sarvandani.svg?style=social&label=Follow&maxAge=2592000)](https://github.com/Sarvandani?tab=followers)
GitHub Contributor
GitHub contributors
[![GitHub contributors](https://img.shields.io/github/contributors/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/graphs/contributors/)
GitHub Contributor
GitHub contributors
[![GitHub contributors](https://img.shields.io/github/contributors/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/graphs/contributors/)
GitHub open issue
GitHub issues-open
![GitHub issues-open](https://img.shields.io/github/issues/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)
GitHub closed issue
GitHub issues closed
![GitHub issues closed](https://img.shields.io/github/issues-closed/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)
GitHub open pull request
GitHub open pull request
![GitHub open pull request](https://img.shields.io/github/issues-pr/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)
GitHub open pull request
GitHub closed pull request
![GitHub closed pull request](https://img.shields.io/github/issues-pr-closed/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)

3. EMOJI

A complete list of emojis can be found in the following link: LINK

Emoji examples
🌈
:rainbow:
πŸ‡«πŸ‡·
:fr:
♣️
:clubs:
πŸ“…
:date:

4. Widgets

4.1 Profile summary card

LINK

CARD

![CARD](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=Sarvandani&theme=gruvbox)


4.2 Terminal gif

Create your terminal gif through the LINK. Then, upload the gif file in your repository and use the URL of gif file as follows:

![](https://github.com/Sarvandani/Beautiful_github_profile/blob/main/terminal.gif)


4.3 Images of contributors

Go to the LINK and import your username and repository name. Then, it will produce the proper code for your README.

<a href="https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/graphs/contributors"> <img src="https://contrib.rocks/image?repo=Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression" /> </a>


4.4 Popular gifs for Github

Just use the URL of gif file in the LINK.

![](https://user-images.githubusercontent.com/74038190/212284145-bf2c01a8-c448-4f1a-b911-996024c84606.gif)


4.5 star progress chart

Add or replace your user name and repository name to the following code.

star chart ![star chart](https://starchart.cc/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression.svg)


4.6 Github stats

Just replace your user name in the code:

GitHub stats

![GitHub stats](https://github-readme-stats.vercel.app/api?username=Sarvandani&show_icons=true&theme=radical)

Top Languages

![Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=Sarvandani&theme=blue-green)

More information can be found in the LINK


4.7 Github trophy

just add your username to the code.

github trophy

[![github trophy](https://github-profile-trophy.vercel.app/?username=Sarvandani&row=1)](https://github.com/ryo-ma/github-profile-trophy)


4.7 Repo Roster

It shows the people who gave a star to your repository and peaople who did a fork of your work. Just import the URL of your repository and the LINK will produce the code for you.

Stargazers repo roster for @Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression

[![Stargazers repo roster for @Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression](https://reporoster.com/stars/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/stargazers)

Forkers repo roster for @Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression

[![Forkers repo roster for @Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression](https://reporoster.com/forks/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression)](https://github.com/Sarvandani/Machine_learning-deep_learning_11_algorithms-of-regression/network/members)

About

Make a beautiful and awesome Github profile by badges, icons, emojis and widgets! This repository aims to enhance the beauty and professionalism of your GitHub profile. By codes, links and simple examples provided in this repository, you can easily elevate the beauty of your Github Profile.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published