DEV Community

Krishna Agarwal
Krishna Agarwal

Posted on

GitHub Profile ReadMe

#github #beginners #tutorial #discuss

Readme Components

Compilation of different README components from all over the Github. You can use these components to make your Github profile stand out.

How to use

Change the YOUR_PROFILE_USERNAME value to your GitHub's username.
, that's it. Simple!

Example -

[![ GitHub stats](https://github-readme-stats.vercel.app/api?username=YOUR_PROFILE_USERNAME)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

Components

Profile views 


[![Profile views](https://gpvc.arturio.dev/[YOUR_PROFILE_USERNAME])
Enter fullscreen mode Exit fullscreen mode

Github Followers

GitHub Followers

[![Github Followers](https://img.shields.io/github/followers/YOUR_PROFILE_USERNAME?label=Followers&logo=GitHub&style=for-the-badge)
Enter fullscreen mode Exit fullscreen mode

Twitter Followers

TWitter Followers

[![Twitter Followers](https://img.shields.io/twitter/follow/YOUR_TWITTER_USERNAME?label=Twitter&logo=twitter&style=for-the-badge&color=blue)
Enter fullscreen mode Exit fullscreen mode

Icons

Type 1

Change the langname and logoname to generate icons of different languages.

[![](https://img.shields.io/badge/Code-langname-informational?style=flat&logo=logoname&logoColor=white&color=brightgreen)]
Enter fullscreen mode Exit fullscreen mode

  • Languages:









  • Frameworks



  • Backend







  • IDEs/Code Editors



  • OS:


  • ## Tools

Type 2

Change the langname and logoname to generate icons of different languages.

[![](https://img.shields.io/badge/langname?style=for-the-badge&logo=logoname&logoColor=F7DF1E)]
Enter fullscreen mode Exit fullscreen mode

  • Languages:












  • Frameworks:












  • Backend:










  • OS:





Social Media Icons

Change the msg and logoname to generate icons of different social media.

Type 1 

[![Type 1](https://img.shields.io/static/v1?label=|&message=msg&color=ff&style=plastic&logo=logoname&logo-color=white)]
Enter fullscreen mode Exit fullscreen mode

Type 2 

[![Type 2](https://img.shields.io/static/v1?label=|&message=msg&color=ff&style=for-the-badge&logo=logoname&logo-color=white)]
Enter fullscreen mode Exit fullscreen mode

Top Languages 


[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=YOUR_PROFILE_USERNAME)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

Github Stats

MrKrishnaAgarwal’s GitHub Stats

[![GitHub stats](https://github-readme-stats.vercel.app/api?username=YOUR_PROFILE_USERNAME)](https://github.com/anuraghazra/readme-components)
Enter fullscreen mode Exit fullscreen mode

Github Stats Graph

MrKrishnaAgarwal’s GitHub Stats Graph

[![ Github Stats Graph](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=YOUR_PROFILE_USERNAME&theme=radical&hide_border=true)
Enter fullscreen mode Exit fullscreen mode

Github Streak Stats

MrKrishnaAgarwal’s GitHub Streak Stats

 [![Github Streak Stats](https://github-readme-streak-stats.herokuapp.com/?user=YOUR_PROFILE_USERNAME&theme=dark)
Enter fullscreen mode Exit fullscreen mode

Github Activity Graph

MrKrishnaAgarwal’s GitHub Activity Graph

[![Github Activity graph](https://activity-graph.herokuapp.com/graph?username=YOUR_PROFILE_USERNAMEl&theme=react-dark&hide_border=true&custom_title=Activity%20Graph)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

Github Repo Extra Pins 



[![Github Repo Card](https://github-readme-stats.vercel.app/api/pin/?username=YOUR_PROFILE_USERNAME&repo=YOUR_REPO_NAME)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

Github Trophies 


 [![Github Trophies](https://github-profile-trophy.vercel.app/?username=YOUR_PROFILE_USERNAME&theme=onedark&column=3&margin-w=15&margin-h=15)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

Github Detailed Stats 


[![Github Detailed Stats](https://metrics.lecoq.io/YOUR_PROFILE_USERNAME?template=classic&activity=1&followup=1&languages=1&lines=1&people=1&activity.limit=5&activity.days=14&activity.filter=all&activity.visibility=all&activity.timestamps=false&languages.colors=github&languages.threshold=0%25&people.limit=28&people.size=28&people.types=followers%2C%20following&people.identicons=true&people.shuffle=true&config.timezone=Asia%2FCalcutta&config.twemoji=true)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Enter fullscreen mode Exit fullscreen mode

or


Create Customized Version Here



It's a wrap!

Follow me on: GitHub and DEV.to



Stay Tuned

🤗 Thanks

Top comments (4)

Collapse
 
hargunrana profile image
Hargun Singh Rana •

and what about that gif on your github profile readme which shows ur name within in a github contribution graph..?? how to create that..?
raw.githubusercontent.com/MrKrishn...

Collapse
 
krishnaagarwal profile image
Krishna Agarwal •

Yes,
That's gitartwork svg

Collapse
 
vulcanwm profile image
Medea •

This is really nice!

Collapse
 
krishnaagarwal profile image
Krishna Agarwal •

Thanks
Keep Supporting

Read next

stephrp12 profile image

What Will You Choose?

StephRP12 -

rk042 profile image

How to Merge Two Lists in C#

rathod ketan -

allyn profile image

LeetCode

allyn -

shanshaji profile image

Create Flavors for Flutter App - iOS

Shan -