Awesome
<div align="center"> <img width="140" src="https://user-images.githubusercontent.com/6661165/91657958-61b4fd00-eb00-11ea-9def-dc7ef5367e34.png" alt="GitHub Profile Trophy"/> <h2 align="center">GitHub Profile Trophy</h2> <p align="center">š Add dynamically generated GitHub Stat Trophies on your README</p> </div> <div align="center"> </div> <p align="center"> You can use this service for free. I'm looking for sponsors to help us keep up with this serviceā¤ļø </p> <div align="center"> <a href="https://github.com/sponsors/ryo-ma"> <img src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=ff69b4" alt="Sponsor"/> </a> </div>Quick Start
Add the following code to your readme. When pasting the code into your profile's
readme, change the ?username=
value to your GitHub's username.
[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma)](https://github.com/ryo-ma/github-profile-trophy)
<p align="center">
<img src="https://github-profile-trophy.vercel.app/?username=ryo-ma&column=8&rank=SSS,SS,S,AAA,AA,A,B,C" />
</p>
Use theme
Add optional parameter of the theme.
[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onedark)](https://github.com/ryo-ma/github-profile-trophy)
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/92327052-d99b9e00-f091-11ea-9a24-c7ec86982370.png">
</p>
About Rank
Ranks are SSS
SS
S
AAA
AA
A
B
C
UNKNOWN
SECRET
.
Rank | Description |
---|---|
SSS, SS, S | You are at a hard to reach rank. You can brag. |
AAA, AA, A | You will reach this rank if you do your best. Let's aim here first. |
B, C | You are currently making good progress. Let's aim a bit higher. |
UNKNOWN | You have not taken action yet. Let's act first. |
SECRET | This rank is very rare. The trophy will not be displayed until certain conditions are met. |
NOTE: The UNKNOWN
rank is denoted by ?
Secret Rank
The acquisition condition is secret, but you can see this.
<p align="center"> <img width="110" src="https://github.com/user-attachments/assets/40461f38-a317-431c-93d2-a56c2e803cf3" /> </p>There are only a few secret trophies. Therefore, if you come up with interesting conditions, I will consider adding a trophy. I am waiting for contributions.
About Display details
<p align="center"> <img width="220" src="https://user-images.githubusercontent.com/6661165/91642962-6333e600-ea6a-11ea-83af-e371e996bfa6.png" /> </p>- Title name of aggregation target.
- Current rank.
- Title according to rank.
- Target aggregation result.
- Rank progress bar.
Optional Request Parameters
Filter by titles
You can filter the display by specifying the titles of trophy.
https://github-profile-trophy.vercel.app/?username=ryo-ma&title=Followers
<p align="center">
<img width="110" src="https://user-images.githubusercontent.com/6661165/92317141-80ebe700-f038-11ea-8501-4015bfbb2cf4.png">
</p>
If you want to specify multiple titles.
https://github-profile-trophy.vercel.app/?username=ryo-ma&title=Stars,Followers
<p align="center">
<img width="220" src="https://github.com/user-attachments/assets/3b8a1c8b-afcd-49dc-ab18-a439d5c36a83">
</p>
You can also exclude the trophies you don't want to display.
https://github-profile-trophy.vercel.app/?username=ryo-ma&title=-Stars,-Followers
Filter by ranks
You can filter the display by specifying the ranks.
Available values: SECRET SSS SS S AAA AA A B C
https://github-profile-trophy.vercel.app/?username=ryo-ma&rank=S
<p align="center">
<img width="110" src="https://user-images.githubusercontent.com/6661165/91642657-1cdd8780-ea68-11ea-994b-4568a55cd22a.png" />
</p>
If you want to specify multiple ranks.
https://github-profile-trophy.vercel.app/?username=ryo-ma&rank=S,AAA
<p align="center">
<img width="220" src="https://github.com/user-attachments/assets/0c2ffca8-4b03-4d46-b1d7-4e1eb6702f68">
</p>
You can also exclude ranks.
https://github-profile-trophy.vercel.app/?username=ryo-ma&rank=-C,-B
NOTE: Since UNKNOWN
is denoted by ?
, in order to include or exclude it you
will have to use rank=?
and rank=-?
respectively
Specify the maximum row & column size
You can specify the maximum row and column size.
Trophy will be hidden if it exceeds the range of both row and column.
Available value: number type
Default: column=6 row=3
Restrict only row
https://github-profile-trophy.vercel.app/?username=ryo-ma&row=2
Restrict only column
https://github-profile-trophy.vercel.app/?username=ryo-ma&column=2
Restrict row & column
https://github-profile-trophy.vercel.app/?username=ryo-ma&row=2&column=3
<p align="center">
<img width="330" src="https://user-images.githubusercontent.com/6661165/91659474-c07f7400-eb0a-11ea-84f2-eb6b42547829.png">
</p>
Adaptive column
https://github-profile-trophy.vercel.app/?username=ryo-ma&column=-1
You can set column
to -1
to adapt the width to the number of trophies, the
parameter row
will be ignored.
Apply theme
Available themes.
theme |
---|
flat |
onedark |
gruvbox |
dracula |
monokai |
chalk |
nord |
alduin |
darkhub |
juicyfresh |
buddhism |
oldie |
radical |
onestar |
discord |
algolia |
gitdimmed |
tokyonight |
matrix |
apprentice |
dark_dimmed |
dark_lover |
kimbie_dark |
flat
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=flat
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/92325601-039b9300-f087-11ea-983a-fce8133549ee.png">
</p>
onedark
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onedark
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/92327052-d99b9e00-f091-11ea-9a24-c7ec86982370.png">
</p>
gruvbox
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gruvbox
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/92315152-e9c56600-f01c-11ea-9536-1bfbb158cfcb.png">
</p>
dracula
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dracula
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/92490273-c91f2b00-f22b-11ea-9481-b5daae4d7bc3.png">
</p>
monokai
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=monokai
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/93725426-2c289e80-fbea-11ea-96a4-f6490ccf2126.png">
</p>
chalk
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=chalk
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/94294003-1de7d300-ff9a-11ea-91d1-60417a4d919b.png">
</p>
nord
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=nord
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/94346857-7ab2be80-006a-11eb-9082-36d377ae2531.png">
</p>
alduin
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=alduin
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/99085932-2a88bf00-260c-11eb-9b26-d2f125773831.png">
</p>
darkhub
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=darkhub
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/102801126-249ab080-43f8-11eb-91c8-f56f94c35777.png">
</p>
juicyfresh
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=juicyfresh
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/104810094-edbc8c80-5835-11eb-8c20-a76192a00728.png">
</p>
buddhism
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=buddhism
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/113709167-2412f500-971d-11eb-9ee5-0ab292cf8b4c.png">
</p>
oldie
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=oldie
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/113709581-a0a5d380-971d-11eb-8583-770dc4091ebf.png">
</p>
radical
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=radical
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/116633521-adbc8800-a994-11eb-97c4-e45a32721491.png">
</p>
onestar
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onestar
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/122048400-2af46d00-ce1c-11eb-94e0-c2c6ddaf6819.png">
</p>
discord
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=discord
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/122048628-7dce2480-ce1c-11eb-9792-1e600b384c4d.png">
</p>
algolia
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=algolia
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/131685203-92a31101-2d93-4d18-b24a-d81a8bb012c5.png">
</p>
gitdimmed
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gitdimmed
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/131685406-799a864f-2691-4840-bb71-1db9c087a507.png">
</p>
tokyonight
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=tokyonight
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/6661165/135482087-27764d6f-53b4-4c2a-8473-32431d12660c.png">
</p>
matrix
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=matrix
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/31789752/141647414-15cfe279-af12-4746-a886-f494c25c096d.png">
</p>
apprentice
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=apprentice
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/31789752/144701036-285cdd4b-d687-4ddc-95c2-7ccae9e25a1f.png">
</p>
dark_dimmed
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dark_dimmed
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/31789752/147340893-655b9fa5-138f-4f29-91ec-2a17c93822d1.png">
</p>
dark_lover
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dark_lover
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/31789752/152659041-de5b23cb-1be8-4e6b-b07b-726127ab8c3a.png">
</p>
kimbie_dark
https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=kimbie_dark
<p align="center">
<img width="660" src="https://user-images.githubusercontent.com/8161064/288417332-408705a4-ae9c-47fe-af1a-9fb08555f526.png">
</p>
Margin Width
You can put a margin in the width between trophies.
Available value: number type
Default: margin-w=0
https://github-profile-trophy.vercel.app/?username=ryo-ma&margin-w=15
<p align="center">
<img width="735" src="https://user-images.githubusercontent.com/6661165/93668661-e0ca9f00-fac8-11ea-9bec-325454f49fb4.png">
</p>
Margin Height
You can put a margin in the height between trophies.
Available value: number type
Default: margin-h=0
https://github-profile-trophy.vercel.app/?username=ryo-ma&margin-h=15
<p align="center">
<img width="110" height="330" src="https://github.com/user-attachments/assets/233dee5b-4491-46cc-884a-39d0aa928752">
</p>
Example layout
https://github-profile-trophy.vercel.app/?username=ryo-ma&column=3&margin-w=15&margin-h=15
<p align="center">
<img width="360" src="https://user-images.githubusercontent.com/6661165/93668677-ff309a80-fac8-11ea-8ae3-3e3e8adbef39.png">
</p>
Transparent background
You can turn the background transparent.
Available value: boolean type (true or false)
Default: no-bg=false
https://github-profile-trophy.vercel.app/?username=ryo-ma&no-bg=true
<p align="center">
<img width="969" src="https://github.com/user-attachments/assets/32d3b63b-7845-42cb-b71c-31abaa673bcb">
</p>
Hide frames
You can hide the frames around the trophies.
Available value: boolean type (true or false)
Default: no-frame=false
https://github-profile-trophy.vercel.app/?username=ryo-ma&no-frame=true
<p align="center">
<img width="936" src="https://github.com/user-attachments/assets/54de15a3-d907-4a50-8117-170aae74d1cd">
</p>
Contribution Guide
Check CONTRIBUTING.md for more details.
License
This product is licensed under the MIT License.