Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/peterroe/awesome-profile-widget

📝 An amazing list of awesome profile widget.
https://github.com/peterroe/awesome-profile-widget
List: awesome-profile-widget
Last synced: 16 days ago
JSON representation
📝 An amazing list of awesome profile widget.
Host: GitHub
URL: https://github.com/peterroe/awesome-profile-widget
Owner: peterroe
Created: 2022-07-24T09:28:12.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2024-04-01T17:30:35.000Z (9 months ago)
Last Synced: 2024-12-01T14:00:38.442Z (20 days ago)
Homepage:
Size: 26.4 KB
Stars: 12
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

ultimate-awesome - awesome-profile-widget - 📝 An amazing list of awesome profile widget. (Other Lists / Monkey C Lists)
README

        ## Awesome profile widget

> Gathering all the awesome things in README.md

- [Badge](#badge)

- [Icons](#icons)

- [Logos](#logos)

- [Emoji](#emoji)

- [Top language](#top-language)

- [Stats](#stats)

- [Streak](#streak)

- [Contribution Gragh](#contribution-gragh)

- [Profile views](#profile-views)

- [Github skyline](#github-skyline)

- [Stark Overflow](#stark-overflow)

- [Random Joke](#random-joke)

- [Typing](#typing)

- [Repos](#repos)

- [Octodex](#octodex)

- [Support](#support)

- [Contributor](#contributor)

## Badge

**Case:**

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=JavaScript&logoColor=white)

![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=social&logo=Vue.js&logoColor=4FC08D)

![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-23aaf2?style=flat-square&logo=Visual-Studio-Code&logoColor=white)

![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white)

![Stylus](https://img.shields.io/badge/Stylus-61DAFB?style=flat-square&logo=Stylus&logoColor=white)

![Rust](https://img.shields.io/badge/Rust-ef4a00?style=plastic&logo=Rust&logoColor=white)

![pnpm](https://img.shields.io/badge/pnpm-f69220?style=flat-square&logo=pnpm&logoColor=white)

**Template:**

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

Visit: https://shields.io/

### Demo

![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=flat-square&logo=Vue.js&logoColor=white)




```MarkDown

![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=flat-square&logo=Vue.js&logoColor=white)

```

### 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](https://simpleicons.org/)

## Icons

**Case:**



  

    

    

    

    

    

    

    

    

    

    



**Template:**

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

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

### Demo

  

  




```

  

```

### Param

logoName




All **effective value** are [here](https://simpleicons.org/)

**Case:**



  

    

    

    

    



**Template:**

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

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

### Demo

  

  




```



```

### Demo

  

  




```



```

### Param

logoColor




Hex color

## Logos

**Case:**



  

   

   

   

   

   



**Template:**

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

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

### Demo

  

![img](https://www.vectorlogo.zone/logos/pugjs/pugjs-ar21.svg)




```

![img](https://www.vectorlogo.zone/logos/pugjs/pugjs-ar21.svg)

```

## 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

  

![img](https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe&layout=compact&hide_title=true)




```

![img](https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe)

```

### Demo

  

![img](https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=peterroe&theme=solarized_dark)




```

![img](https://github-profile-summary-cards.vercel.app/api/cards

/most-commit-language?username=peterroe&theme=solarized_dark)

```

## Stats

**Case:**



  

  

  



**Template:**

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

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

### Demo

  

![img](https://github-readme-stats.vercel.app/api?username=peterroe)




```

![img](https://github-readme-stats.vercel.app/api?username=peterroe)

```

### Demo

  

![img](https://github-profile-trophy.vercel.app/?username=peterroe)




```

![img](https://github-profile-trophy.vercel.app/?username=peterroe)

```

### Demo

  

![img](https://github-profile-summary-cards.vercel.app/api/cards/stats?username=peterroe&theme=solarized)




```

![img](https://github-profile-summary-cards.vercel.app/api/cards/stats

?username=peterroe&theme=solarized)

```

## Streak

**Case:**



  

  



**Template:**

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

### Demo

  

![img](https://github-readme-streak-stats.herokuapp.com/?user=peterroe)




```

![img](https://github-readme-streak-stats.herokuapp.com/?user=peterroe)

```

## Contribution Gragh

**Case:**



  

  

  



**Template:**

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

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

### Demo

  

![img](https://activity-graph.herokuapp.com/graph?username=peterroe&theme=github)




```

![img](https://activity-graph.herokuapp.com/graph?username=peterroe&theme=github)

```

### Demo

  

![img](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=peterroe&theme=monokai)




```

![img](https://github-profile-summary-cards.vercel.app/api/cards/profile-details

?username=peterroe&theme=monokai)

```

### Demo

  

![img](https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=peterroe)




```

![img](https://github-profile-summary-cards.vercel.app/api/cards

/productive-time?username=peterroe)

```

## Profile views

**Case:**



  

  



![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)

![img](https://profile-counter.glitch.me/peterroe/count.svg)

**Template:**

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

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

### Demo

  

![img](https://count.getloli.com/get/@peterroe?theme=rule34)




```

![img](https://count.getloli.com/get/@peterroe?theme=rule34)

```

### Demo

  

![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)




```

![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)

```

### Demo

  

![img](https://profile-counter.glitch.me/peterroe/count.svg)




```

![img](https://profile-counter.glitch.me/peterroe/count.svg)

```

## Github skyline

**Case:**



**Template:**

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

### Demo

  

![img](https://skyline.github.com/peterroe/2022.png)




```

![img](https://skyline.github.com/peterroe/2022.png)

```

## 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

  

![img](https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark)




```

![img](https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark)

```

## Random Joke

**Case:**



  

  



**Template:**

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

### Demo

  

![img](https://readme-jokes.vercel.app/api)




```

![img](https://readme-jokes.vercel.app/api)

```

## Typing

**Case:**



  

  

  



**Template:**

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

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

### Demo

  






```



```

## 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

  






```



```

## Octodex

**Case:**



  

  

  

  

  



**Template:**

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

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

### Demo

  






```



```

## 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

  






```



```

### Params

bgColor




`red`, `green` and other text colors are available.

## Contributor

**Case:**

![img](https://contrib.rocks/image?repo=hnustwjj/react-starport)




![img](https://contrib.rocks/image?repo=peterroe/vue-component-starter)

**Template:**

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

### Demo

  






```



```