Convert Figma logo to code with AI

antonkomarev logogithub-profile-views-counter

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

3,965
360
3,965
10

Top Related Projects

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

:zap: Dynamically generated stats for your github readmes

13,603

📊 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!

🏆 Add dynamically generated GitHub Stat Trophies on your readme

🌈 Dynamic Coloful Image Render

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

Quick Overview

GitHub Profile Views Counter is a project that allows users to add a view counter to their GitHub profile README. It provides a simple way to track and display the number of visitors to your GitHub profile, adding an interactive element to your personal page.

Pros

  • Easy to implement with a single line of markdown
  • Customizable appearance with various styles and colors
  • Provides real-time view count updates
  • Open-source and free to use

Cons

  • Relies on external service, which may have downtime or performance issues
  • May not be accurate if users have ad-blockers or strict privacy settings
  • Limited functionality beyond simple view counting
  • Potential privacy concerns for users who prefer not to be tracked

Code Examples

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

This basic example adds a view counter to your profile with default settings.

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

This example changes the color of the counter to green.

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

This example changes the style of the counter to a flat square design.

Getting Started

To add the GitHub Profile Views Counter to your profile:

  1. Create a new repository named your-github-username/your-github-username
  2. Create a README.md file in this repository
  3. Add the following line to your README.md:
![](https://komarev.com/ghpvc/?username=your-github-username)

Replace your-github-username with your actual GitHub username. Commit and push the changes to see the counter on your profile.

You can customize the appearance by adding parameters to the URL:

  • color=blue|green|red|yellow|orange|pink|purple|gray|white
  • style=flat|flat-square|plastic
  • label=Profile+views

For example:

![](https://komarev.com/ghpvc/?username=your-github-username&color=blue&style=flat-square&label=Profile+views)

This will create a blue, flat-square counter with the label "Profile views".

Competitor Comparisons

🔥 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

  • Provides detailed contribution streak statistics, including current streak, longest streak, and total contributions
  • Offers customizable themes and appearance options for the generated stats image
  • Supports localization for multiple languages

Cons of github-readme-streak-stats

  • Focuses solely on contribution streaks, lacking other profile metrics
  • Requires more setup and configuration compared to the simpler view counter

Code Comparison

github-readme-streak-stats:

$contributions = fetchContributions($username);
$streak = calculateStreak($contributions);
$image = generateStatsImage($streak, $theme);

github-profile-views-counter:

$views = incrementViewCount($username);
$badge = generateViewCountBadge($views);

Summary

github-readme-streak-stats offers more detailed and customizable contribution statistics, while github-profile-views-counter provides a simple view count metric. The former is ideal for users who want to showcase their coding consistency, while the latter is perfect for those looking for a straightforward popularity indicator. The code comparison illustrates the different focus of each project, with github-readme-streak-stats involving more complex calculations and image generation, and github-profile-views-counter concentrating on a single metric and badge creation.

:zap: Dynamically generated stats for your github readmes

Pros of github-readme-stats

  • Offers a wider range of statistics, including top languages, GitHub streaks, and more
  • Provides customizable themes and layouts for a more personalized appearance
  • Supports dynamic content generation, updating stats automatically

Cons of github-readme-stats

  • May have higher API usage due to fetching multiple types of data
  • Potentially slower to load due to more complex data processing
  • Requires more configuration options, which can be overwhelming for new users

Code Comparison

github-profile-views-counter:

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

github-readme-stats:

![Your GitHub stats](https://github-readme-stats.vercel.app/api?username=your-github-username&show_icons=true&theme=radical)

The github-profile-views-counter focuses solely on displaying view counts, while github-readme-stats offers a more comprehensive set of statistics and customization options. The latter requires more parameters in its URL to configure the display, but provides a richer set of information about a user's GitHub activity.

Both projects serve different purposes: github-profile-views-counter is ideal for those who want a simple view counter, while github-readme-stats is better suited for users looking to showcase a broader range of their GitHub metrics and activity in a visually appealing manner.

13,603

📊 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

  • Offers a wide range of customizable metrics and visualizations
  • Supports multiple data sources beyond GitHub (e.g., Wakatime, Spotify)
  • Provides a web instance for easy setup and configuration

Cons of metrics

  • More complex setup and configuration process
  • Higher resource usage due to extensive data collection and processing
  • May require more frequent updates to maintain compatibility with various APIs

Code comparison

metrics:

- name: Metrics
  uses: lowlighter/metrics@latest
  with:
    token: ${{ secrets.METRICS_TOKEN }}
    config_timezone: America/New_York
    plugin_languages: yes
    plugin_habits: yes

github-profile-views-counter:

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

Summary

metrics offers a comprehensive solution for displaying various GitHub and external metrics, providing extensive customization options. However, it requires more setup and resources compared to github-profile-views-counter. The latter focuses solely on profile view counts, offering a simpler implementation but with limited functionality. Choose metrics for a feature-rich display of multiple metrics, or github-profile-views-counter for a straightforward view counter.

🏆 Add dynamically generated GitHub Stat Trophies on your readme

Pros of github-profile-trophy

  • Offers a more comprehensive display of GitHub achievements
  • Provides a visually appealing trophy case for profile decoration
  • Includes a wider range of metrics and accomplishments

Cons of github-profile-trophy

  • More complex setup and configuration required
  • May be considered visually overwhelming for some users
  • Limited customization options for individual trophies

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)

The github-profile-views-counter offers a simpler, single-line implementation focused solely on view count. In contrast, github-profile-trophy provides a more elaborate display of various GitHub achievements, requiring slightly more complex markdown.

Both projects enhance GitHub profiles, but serve different purposes. github-profile-views-counter is ideal for those seeking a minimalist approach to tracking profile views, while github-profile-trophy caters to users wanting a comprehensive showcase of their GitHub accomplishments. The choice between them depends on the user's preference for simplicity versus detailed achievement display.

🌈 Dynamic Coloful Image Render

Pros of capsule-render

  • Offers a wide variety of customizable dynamic images for GitHub profiles
  • Provides an easy-to-use API for generating visually appealing headers and footers
  • Supports multiple themes, patterns, and color options

Cons of capsule-render

  • Doesn't provide actual profile view counting functionality
  • May require more setup and customization for specific use cases
  • Limited to generating static images, not dynamic counters

Code Comparison

capsule-render:

![Header](https://capsule-render.vercel.app/api?type=wave&color=auto&height=300&section=header&text=Hello%20World&fontSize=90)

github-profile-views-counter:

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

Summary

capsule-render is focused on creating visually appealing dynamic images for GitHub profiles, offering a wide range of customization options. It's great for enhancing the aesthetic of a profile but doesn't provide actual view counting functionality.

github-profile-views-counter, on the other hand, is specifically designed to track and display profile view counts. It's simpler to implement but offers less visual customization.

The choice between the two depends on whether you prioritize visual appeal (capsule-render) or functional view counting (github-profile-views-counter) for your 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 comprehensive GUI for creating GitHub profile READMEs
  • Supports a wide range of customizable elements (skills, stats, social links)
  • Provides real-time preview of the generated README

Cons of github-profile-readme-generator

  • More complex setup and usage compared to a simple view counter
  • May generate unnecessary content for users seeking minimal profiles
  • Requires manual updates for changing information

Code Comparison

github-profile-views-counter:

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

github-profile-readme-generator:

<h1 align="center">Hi 👋, I'm Your Name</h1>
<h3 align="center">Your tagline</h3>
<p align="left"> <img src="https://komarev.com/ghpvc/?username=your-username&label=Profile%20views&color=0e75b6&style=flat" alt="your-username" /> </p>

The github-profile-views-counter provides a simple, focused solution for adding a view counter to your profile. In contrast, github-profile-readme-generator offers a more comprehensive tool for creating entire profile READMEs with various sections and customizations.

While github-profile-views-counter is easier to implement and maintain, github-profile-readme-generator provides a richer set of features for users who want to create more elaborate profile pages. The choice between the two depends on the user's specific needs and desired level of profile customization.

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 Views Counter

GitHub Profile Views Counter

Discord License

Introduction

Try Ÿ HŸPE service as the more robust and feature rich solution.

GHPVС project is proof of concept. This counter designed to be an analytical instrument for you, but not for people who are visiting your profile. It could be used to see profile views dynamics as result of development activity, blogging or taking part in a conference.

It counts how many times your GitHub profile has been viewed and displays them in your profile, for free.

antonkomarev-profile-views-counter

Usage

Cloud solution launched as 100% free experience. Help me cut server costs if you like this service.

If you want to see big numbers in your profile, deploy a standalone solution to draw any views count you want without spamming our server. Everybody knows that any counters could be faked.

A billion fake profile views doesn't make you a very popular person, it makes you a person with a billion number in the counter.

Create GitHub profile repository

GitHub magic will happen as soon as you will create a new repository named equally to your username.

secret-profile-repository

Live demo of my profile repository.

Add counter to GitHub profile

You need to add counter in README.md file in your profile repository via Markdown syntax:

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

[!NOTE]

Don't forget to replace example your-github-username parameter with real value.

Make it personal

Color

You can use any valid HEX color or pick from a predefined set of named colors (blue is the default).

colordemo
brightgreen
green
yellow
yellowgreen
orange
red
blue
grey
lightgrey
blueviolet
ff69b4

Named color

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

Hex color

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

[!NOTE]

HEX colors should be used without # symbol prefix.

Styles

The following styles are available (flat is the default).

styledemo
flat
flat-square
plastic
for-the-badge
![](https://komarev.com/ghpvc/?username=your-github-username&style=flat-square)

Label

You can overwrite default Profile views text with your own label.

![](https://komarev.com/ghpvc/?username=your-github-username&label=PROFILE+VIEWS)

[!NOTE]

Replace whitespace with + character in multi-word labels.

Base number

You can provide a base number to add to the counter. This is useful if you are migrating from another service.

For example, a user with 1000 views on another service who wants to migrate to GHPVC will use the following url to ensure the 1000 views are accounted for:

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

Abbreviation

You can set the abbreviated parameter to true if you would like the counter to be abbreviated.

For example, a counter with 12345 views, will be displayed as 12.3K.

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

FAQ

Can I see detailed statistics?

This project provides minimalistic counter only. Use Ÿ HŸPE service if you want to get detailed info about:

  • user profile views
  • user followers history
  • repository stars history
  • repository traffic for longer than 14 days

How to reset counter?

To reset counter you should log in to the Ÿ HŸPE service, and then you will be able to reset counter on the https://yhype.me/ghpvc page.

Why does the counter increase every time the page is reloaded?

This is counter of profile views (page hits), not a counter of unique visitors. There is no way to get the username, browser user agent or IP address of the visitor because GitHub proxies all image URLs through the GitHub Camo service. In other words, we can only increment the counter for each request from the GitHub proxy server, we don't know who initiated it.

Are you making money on it?

No. Only spending it. Become a sponsor if you want it to keep running & receive new features.

Alternatives

  • Ÿ HŸPE enhanced GitHub professional account statistics & analytics

License

  • GitHub Profile Views Counter application is open-sourced software licensed under the MIT license by Anton Komarev.
  • Eye Octicon hero image licensed under MIT license by GitHub, Inc.

🌟 Stargazers over time

Stargazers over time