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
Top comments (4)
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
This is really nice!
Thanks
Keep Supporting