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

Copy-paste the component into your markdown content, and change the ?username= value to your GitHub's username, that's it. Simple!

Example -

Change the ?username= value to your GitHub's username.

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

Components

Profile views

[![Profile views](https://gpvc.arturio.dev/[YOUR_PROFILE_USERNAME])

Github Followers

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

Twitter Followers

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

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)]

• 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)]

• 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)]

Type 2

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

Top Languages

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=rahulkarda)](https://github.com/rahulkarda/readme-components)

Github Stats

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

Github Stats Graph

[![Rahul's Github Stats Graph](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=rahulkarda&theme=radical&hide_border=true)

Github Streak Stats

[![Rahul's Github Streak Stats](https://github-readme-streak-stats.herokuapp.com/?user=rahulkarda&theme=dark)

Github Activity Graph

[![Rahul's Github Activity graph](https://activity-graph.herokuapp.com/graph?username=Ashutosh00710&theme=dracula)](https://github.com/rahulkarda/readme-components)

Github Repo Extra Pins

[![Github Repo Card](https://github-readme-stats.vercel.app/api/pin/?username=rahulkarda&repo=youtube-bookmarker)](https://github.com/rahulkarda/readme-components)

Github Trophies

[![Rahul's Github Trophies](https://github-profile-trophy.vercel.app/?username=rahulkarda&theme=onedark&column=3&margin-w=15&margin-h=15)](https://github.com/rahulkarda/readme-components)

Github Detailed Stats

[![Rahul's Github Detailed Stats](https://metrics.lecoq.io/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/rahulkarda/readme-components)