Convert Figma logo to code with AI

ryo-ma logogithub-profile-trophy

🏆 Add dynamically generated GitHub Stat Trophies on your readme

5,123
749
5,123
16

Top Related Projects

:zap: Dynamically generated stats for your github readmes

13,445

📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

🔥 Stay motivated and show off your contribution streak! 🌟 Display your total contributions, current streak, and longest streak on your GitHub profile README

It counts how many times your GitHub profile has been viewed. Free cloud micro-service.

A tool to generate your github summary card for profile README

🚀 Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

Quick Overview

GitHub Profile Trophy is a dynamic GitHub profile customization tool that adds a trophy showcase to your profile README. It automatically generates and displays various achievement trophies based on your GitHub activity, providing a visually appealing way to highlight your accomplishments and engagement on the platform.

Pros

  • Enhances GitHub profile aesthetics with eye-catching trophies
  • Automatically updates based on user activity, requiring no manual maintenance
  • Offers customization options for trophy appearance and layout
  • Easy to implement with a simple markdown code snippet

Cons

  • Limited to predefined trophy categories, which may not cover all types of contributions
  • May clutter profile README if not carefully integrated
  • Requires a third-party service, which could potentially experience downtime
  • Some users might find it overly gamified for professional profiles

Getting Started

To add GitHub Profile Trophy to your profile README:

  1. Create a new repository with your GitHub username as the repository name.
  2. Create a README.md file in this repository.
  3. Add the following markdown to your README.md:
[![trophy](https://github-profile-trophy.vercel.app/?username=your-username)](https://github.com/ryo-ma/github-profile-trophy)

Replace your-username with your actual GitHub username.

  1. Customize the appearance by adding parameters to the URL:
[![trophy](https://github-profile-trophy.vercel.app/?username=your-username&theme=onedark)](https://github.com/ryo-ma/github-profile-trophy)

This example uses the "onedark" theme. You can explore other customization options in the project's documentation.

Competitor Comparisons

:zap: Dynamically generated stats for your github readmes

Pros of github-readme-stats

  • More comprehensive statistics, including language usage, commit counts, and contributions
  • Highly customizable with themes, layout options, and custom title support
  • Supports dynamic content generation for pinned repositories

Cons of github-readme-stats

  • May require more setup and configuration to achieve desired results
  • Can be more resource-intensive due to the amount of data it processes
  • Limited to displaying statistics rather than achievement-based visuals

Code Comparison

github-readme-stats:

[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

github-profile-trophy:

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma)](https://github.com/ryo-ma/github-profile-trophy)

Both repositories offer easy-to-use markdown snippets for embedding in GitHub profiles. github-readme-stats provides more options for customization within the URL parameters, while github-profile-trophy focuses on a specific visual representation of achievements.

github-readme-stats is better suited for users who want detailed statistics and high customization, while github-profile-trophy is ideal for those seeking a quick, visually appealing representation of their GitHub accomplishments.

13,445

📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

Pros of metrics

  • More comprehensive and customizable, offering a wide range of metrics and visualizations
  • Supports plugins for extended functionality and integration with various services
  • Provides detailed analytics and insights beyond just GitHub activity

Cons of metrics

  • More complex setup and configuration process
  • Requires more resources to generate and maintain
  • May be overwhelming for users seeking simpler profile enhancements

Code comparison

metrics:

- uses: lowlighter/metrics@latest
  with:
    token: ${{ secrets.METRICS_TOKEN }}
    config_timezone: America/New_York
    plugin_languages: yes
    plugin_languages_ignored: html, css

github-profile-trophy:

- uses: ryo-ma/github-profile-trophy@v2
  with:
    username: ${{ github.repository_owner }}
    column: 3
    rank: SECRET,SSS,SS,S,AAA,AA,A,B,C

Summary

metrics offers a more feature-rich and customizable solution for GitHub profile enhancement, providing detailed analytics and various plugins. However, it comes with increased complexity and resource requirements. github-profile-trophy focuses specifically on showcasing achievements through trophies, offering a simpler and more straightforward approach to profile decoration. The choice between the two depends on the user's specific needs and desired level of customization.

🔥 Stay motivated and show off your contribution streak! 🌟 Display your total contributions, current streak, and longest streak on your GitHub profile README

Pros of github-readme-streak-stats

  • Focuses specifically on GitHub contribution streaks, providing a clear visualization of daily activity
  • Offers extensive customization options for colors, themes, and layout
  • Lightweight and easy to integrate into GitHub profiles

Cons of github-readme-streak-stats

  • Limited to streak-related statistics, lacking broader GitHub activity metrics
  • May not be as visually appealing for users who prefer a more comprehensive trophy-style display

Code Comparison

github-readme-streak-stats:

def get_streak_count(contributions):
    streak = 0
    for day in contributions:
        if day.count > 0:
            streak += 1
        else:
            break
    return streak

github-profile-trophy:

function calculateScore(rank) {
  const score = Math.log10(rank) * 100;
  return Math.floor(score);
}

The code snippets demonstrate the different focus areas of each project. github-readme-streak-stats calculates consecutive contribution days, while github-profile-trophy computes scores based on various GitHub metrics.

Both repositories offer valuable tools for enhancing GitHub profiles, with github-readme-streak-stats excelling in streak visualization and customization, and github-profile-trophy providing a more comprehensive overview of GitHub achievements.

It counts how many times your GitHub profile has been viewed. Free cloud micro-service.

Pros of github-profile-views-counter

  • Focuses specifically on tracking profile views, providing a clear and simple metric
  • Lightweight and easy to implement, requiring minimal setup
  • Offers customizable badge styles to match user preferences

Cons of github-profile-views-counter

  • Limited in scope compared to the comprehensive trophy system
  • Lacks gamification elements that might encourage user engagement
  • May not provide as much visual appeal on a GitHub profile

Code Comparison

github-profile-views-counter:

![](https://komarev.com/ghpvc/?username=your-github-username)

github-profile-trophy:

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma)](https://github.com/ryo-ma/github-profile-trophy)

Summary

github-profile-views-counter is a straightforward tool for tracking profile views, offering simplicity and ease of use. It's ideal for users who want a specific metric without additional features.

github-profile-trophy provides a more comprehensive approach, displaying various achievements as trophies. It offers greater visual appeal and gamification, potentially encouraging more GitHub activity.

The choice between these tools depends on the user's preferences for simplicity versus comprehensive metrics, and their desired profile aesthetics.

A tool to generate your github summary card for profile README

Pros of github-profile-summary-cards

  • Offers a wider variety of customizable cards, including language stats, commit stats, and productive time
  • Provides more detailed GitHub statistics and visualizations
  • Supports multiple themes for better integration with different profile styles

Cons of github-profile-summary-cards

  • Requires more setup and configuration compared to the simpler trophy system
  • May be overwhelming for users who prefer a more straightforward representation of achievements
  • Limited to card-based visualizations, lacking the trophy concept's gamification aspect

Code Comparison

github-profile-trophy:

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma)](https://github.com/ryo-ma/github-profile-trophy)

github-profile-summary-cards:

[![](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=vn7n24fzkq&theme=vue)](https://github.com/vn7n24fzkq/github-profile-summary-cards)

Both projects aim to enhance GitHub profiles, but github-profile-summary-cards offers more comprehensive statistics and customization options. github-profile-trophy focuses on a gamified approach with its trophy system, which may be more appealing to users looking for a quick and visually striking representation of their achievements. The choice between the two depends on the level of detail and customization desired for the GitHub profile.

🚀 Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

Pros of github-profile-readme-generator

  • Offers a user-friendly web interface for generating profile READMEs
  • Provides a wide range of customization options and templates
  • Includes features like social media links, GitHub stats, and skill icons

Cons of github-profile-readme-generator

  • Limited to generating static content for profile READMEs
  • May not provide as visually striking or dynamic content as github-profile-trophy
  • Requires manual updates to keep information current

Code Comparison

github-profile-readme-generator:

<h1 align="center">Hi 👋, I'm John Doe</h1>
<h3 align="center">A passionate developer from USA</h3>

<p align="left"> <img src="https://komarev.com/ghpvc/?username=johndoe&label=Profile%20views&color=0e75b6&style=flat" alt="johndoe" /> </p>

github-profile-trophy:

[![trophy](https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onedark)](https://github.com/ryo-ma/github-profile-trophy)

The github-profile-readme-generator produces more structured HTML-like markdown, while github-profile-trophy focuses on generating a single line of markdown to display trophies.

github-profile-readme-generator is better suited for creating comprehensive profile READMEs with various sections, while github-profile-trophy excels at showcasing GitHub achievements in a visually appealing manner.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

GitHub Profile Trophy

GitHub Profile Trophy

🏆 Add dynamically generated GitHub Stat Trophies on your readme

You can use this service for free. I'm looking for sponsors to help us keep up with this service❤️

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)

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)

More detail

About Rank

Ranks are SSS SS S AAA AA A B C UNKNOWN SECRET.

RankDescription
SSS, SS, SYou are at a hard to reach rank. You can brag.
AAA, AA, AYou will reach this rank if you do your best. Let's aim here first.
B, CYou are currently making good progress. Let's aim a bit higher.
UNKNOWNYou have not taken action yet. Let's act first.
SECRETThis rank is very rare. The trophy will not be displayed until certain conditions are met.

Secret Rank

The acquisition condition is secret, but you can know the condition by reading this code.

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

  1. Title name of aggregation target.
  2. Current Rank.
  3. Title according to rank.
  4. Target aggregation result.
  5. Next Rank Bar. The road from the current rank to the next rank.

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

If you want to specify multiple titles.

https://github-profile-trophy.vercel.app/?username=ryo-ma&title=Stars,Followers

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

If you want to specify multiple ranks.

https://github-profile-trophy.vercel.app/?username=ryo-ma&rank=S,AAA

You can also exclude ranks.

https://github-profile-trophy.vercel.app/?username=ryo-ma&rank=-C,-B

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

Adaptive column

https://github-profile-trophy.vercel.app/?username=ryo-ma&column=-1

You can set columns 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

onedark

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onedark

gruvbox

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gruvbox

dracula

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dracula

monokai

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=monokai

chalk

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=chalk

nord

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=nord

alduin

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=alduin

darkhub

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=darkhub

juicyfresh

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=juicyfresh

buddhism

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=buddhism

oldie

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=oldie

radical

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=radical

onestar

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=onestar

discord

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=discord

algolia

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=algolia

gitdimmed

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=gitdimmed

tokyonight

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=tokyonight

matrix

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=matrix

apprentice

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=apprentice

dark_dimmed

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dark_dimmed

dark_lover

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=dark_lover

kimbie_dark

https://github-profile-trophy.vercel.app/?username=ryo-ma&theme=kimbie_dark

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

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

Example layout

https://github-profile-trophy.vercel.app/?username=ryo-ma&column=3&margin-w=15&margin-h=15

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

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

Contribution Guide

Check CONTRIBUTING.md for more details.

License

This product is licensed under the MIT License.