README.md

Awesome profile widget

Gathering all the awesome things in README.md

• Badge
• Icons
• Logos
• Emoji
• Top language
• Stats
• Streak
• Contribution Gragh
• Profile views
• Github skyline
• Stark Overflow
• Random Joke
• Typing
• Repos
• Octodex
• Support
• Contributor

Badge

Case:

Template:

https://img.shields.io/badge/{name}-${bgColor}?style=${style}&logo=${logoName}&logoColor=${logoColor}&labelColor=${logoColor}

Visit: https://shields.io/

Demo	
param name	Custom name
param bgColor logoColor labelColor	Hex color or text color eg: ff02fA、red、blue
param style	plastic flat-square for-the-badge social
param logoName	All effective value are here

Icons

Case:

Template:

https://cdn.jsdelivr.net/npm/simple-icons/icons/${logoName}.svg

Visit: https://github.com/simple-icons/simple-icons

Demo	<img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/redis.svg" width="40"/>
Param logoName	All effective value are here

Case:

Template:

Visit: https://icon-sets.iconify.design/

https://api.iconify.design/${name}.svg?color=%23${logoColor}

Demo	<img src="https://api.iconify.design/carbon:4k-filled.svg?color=%23213ac3" width="40"/>
Demo	<img src="https://api.iconify.design/file-icons:test-typescript.svg?color=%23b5a43c" width="40"/>
Param logoColor	Hex color

Logos

Case:

Template:

https://www.vectorlogo.zone/logos/${logoName}/{logoType}.svg

Visit: https://www.vectorlogo.zone/

Demo	

Emoji

Case:

🤪 👻 🙊 🤴 🌶 ⏰ 🎁 ⚽ 🎲 📔

Template:

Visit: https://www.emojiall.com/en/all-emojis

Demo 🌓 🎯 💻 📦 🗑 🚖 🔑 🏀 🌈

🌓 🎯 💻 📦 🗑 🚖 🔑 🏀 🌈

Top language

Case:

Template:

Visit: https://github.com/anuraghazra/github-readme-stats

Visit: https://github.com/vn7n24fzkq/github-profile-summary-cards

Demo	
Demo	

Stats

Case:

Template:

Visit: https://github.com/anuraghazra/github-readme-stats

Visit: https://github.com/ryo-ma/github-profile-trophy

Demo	
Demo	
Demo	

Streak

Case:

Template:

Visit: https://github.com/DenverCoder1/github-readme-streak-stats

Demo	

Contribution Gragh

Case:

Template:

Visit: https://github.com/Ashutosh00710/github-readme-activity-graph

Visit: https://github.com/vn7n24fzkq/github-profile-summary-cards

Demo	
Demo	
Demo	

Profile views

Case:

Template:

Visit: https://count.getloli.com/

Visit: https://github.com/antonkomarev/github-profile-views-counter

Demo	
Demo	
Demo	

Github skyline

Case:

Template:

Visit: https://skyline.github.com/

Demo	

Stark Overflow

Case:

Template:

https://github-readme-stackoverflow.vercel.app/?userID=${userId}&theme=${theme}&layout={layout}

Visit: https://github.com/omidnikrah/github-readme-stackoverflow

Demo	

Random Joke

Case:

Template:

visit: https://github.com/ABSphreak/readme-jokes

Demo	

Typing

Case:

Template:

http://readme-typing-svg.herokuapp.com/?lines=${xx}+${xx}+...

Visit: https://readme-typing-svg.herokuapp.com/demo/

Demo	<img src="http://readme-typing-svg.herokuapp.com/ ?lines=Awesome+profile"/>

Repos

Case:

Template:

https://github-readme-stats-anuraghazra1.vercel.app/api/pin/?username=${username}&repo={reponame}&theme=${theme}

Visit: https://github.com/anuraghazra/github-readme-stats

Demo	<img src="https://github-readme-stats-anuraghazra1.vercel.app/api/pin/ ?username=ungeui&repo=ungeui"/>

Octodex

Case:

Template:

https://octodex.github.com/images/${name}.png

Visit: https://octodex.github.com/

Demo	<img src="https://octodex.github.com/images/electrocat.png" width="200"/>

Support

Case:

Template:

https://cdn.ko-fi.com/cdn/kofi3.png

https://cdn.buymeacoffee.com/buttons/default-${bgColor}.png

https://cdn.buymeacoffee.com/buttons/v2/default-${bgColor}.png

https://ko-fi.com/img/githubbutton_sm.svg

Demo	<img src="https://cdn.buymeacoffee.com/buttons/default-pink.png" width="200"/>
Params bgColor	red, green and other text colors are available.

Contributor

Case:

Template:

https://contrib.rocks/image?repo=${username}/${reponame}

Demo	<img src="https://contrib.rocks/image?repo=peterroe/awesome-profile-widget"/>