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)
Components
Profile views
[![Profile views](https://gpvc.arturio.dev/[YOUR_PROFILE_USERNAME])
Github Followers
[![Github Followers](https://img.shields.io/github/followers/YOUR_PROFILE_USERNAME?label=Followers&logo=GitHub&style=for-the-badge)
Twitter Followers
[![Twitter Followers](https://img.shields.io/twitter/follow/YOUR_TWITTER_USERNAME?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)]
- ## 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)]
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=YOUR_PROFILE_USERNAME)](https://github.com/MrKrishnaAgarwal/readme-components-github)
Github Stats
[![GitHub stats](https://github-readme-stats.vercel.app/api?username=YOUR_PROFILE_USERNAME)](https://github.com/anuraghazra/readme-components)
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)
Github Streak Stats
[![Github Streak Stats](https://github-readme-streak-stats.herokuapp.com/?user=YOUR_PROFILE_USERNAME&theme=dark)
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)
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)
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)
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)
or
Create Customized Version Here
It's a wrap!
Follow me on: GitHub and DEV.to
Stay Tuned
Latest comments (4)
This is really nice!
Thanks
Keep Supporting
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...
Yes,
That's gitartwork svg