The latest articles on DEV Community by Piyush Kokane (@piyush_kokane). https://dev.to/piyush_kokane https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3811821%2F960af858-44dd-4b6f-a705-7d50e0fb96a6.jpeg https://dev.to/piyush_kokane en Piyush Kokane Sat, 07 Mar 2026 17:24:32 +0000 https://dev.to/piyush_kokane/i-built-a-free-github-profile-github-repo-view-counter-423i https://dev.to/piyush_kokane/i-built-a-free-github-profile-github-repo-view-counter-423i <p>I used to use <a href="https://github.com/antonkomarev/github-profile-views-counter" rel="noopener noreferrer">antonkomarev's profile-views-counter</a>, but it has limited customizability.<br> So I built my own — it tracks how many times your GitHub profile or repo has been visited.</p> <p>━━━━━━━━━━━━━━━━━━━━━━━━━━━</p> <h2> 🛠️ How to use? </h2> <p>Just add this to your profile / repo README:</p> <p><code></code></p> <p>That's it. No signup, no API key — Starts counting immediately.</p> <p>━━━━━━━━━━━━━━━━━━━━━━━━━━━</p> <h2> ✨ Features: </h2> <ul> <li> <strong>Profile + repo counter</strong> — each gets its own count</li> <li> <strong>3 layouts</strong> — horizontal, vertical, split</li> <li> <strong>4 styles</strong> — rounded, square, no background, invisible</li> <li> <strong>Full rgba color support</strong> — including transparent backgrounds</li> <li> <strong>Fully customizable</strong> — custom icon, label, font size, colors</li> <li> <strong>Abbreviated counts</strong> — 12345 → 12.3K</li> <li> <strong>Invisible mode</strong> — count silently without showing anything</li> <li> <strong>Self-hostable in ~10 minutes</strong> — Vercel + Supabase (both free)</li> </ul> <p>━━━━━━━━━━━━━━━━━━━━━━━━━━━━</p> <h2> 🆚 Quick comparison: </h2> <p><a href="https://github.com/antonkomarev/github-profile-views-counter" rel="noopener noreferrer">antonkomarev/views-counter</a> is a most popular one out there but it has limited customizability.<br> I compared it here. 👇</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Feature</th> <th>antonkomarev</th> <th>mine</th> </tr> </thead> <tbody> <tr> <td>Profile counter</td> <td>✅</td> <td>✅</td> </tr> <tr> <td>Repo counter</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Self-hostable</td> <td>✅</td> <td>✅</td> </tr> <tr> <td>Custom label</td> <td>✅</td> <td>✅</td> </tr> <tr> <td>Custom color</td> <td>✅ hex only</td> <td>✅ hex + rgba</td> </tr> <tr> <td>Transparent background</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Custom bg color</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>No background style</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Split layout</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Vertical layout</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Custom icon color</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Custom icon size</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Hide icon</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Hide label</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Abbreviated counts</td> <td>✅</td> <td>✅</td> </tr> <tr> <td>Base count offset</td> <td>✅</td> <td>✅</td> </tr> <tr> <td>Invisible mode</td> <td>✅</td> <td>✅</td> </tr> </tbody> </table></div> <p>━━━━━━━━━━━━━━━━━━━━━━━━━━━</p> <h2> The biggest differences: </h2> <ol> <li> <strong>Repo counter</strong> — antonkomarev only tracks profiles, mine works for repos too</li> <li> <strong>Transparent background</strong> — antonkomarev only supports solid hex colors, mine supports full rgba + hex so you can have a fully transparent background — really useful in some cases</li> <li> <strong>Customization</strong> — antonkomarev has 4 fixed badge styles. Mine lets you control colors, layouts, icon, label, size and background independently</li> </ol> <p>━━━━━━━━━━━━━━━━━━━━━━━━━━━━</p> <p><strong>Tech stack:</strong> <code>Vercel</code> + <code>Supabase</code> (both free tier)</p> <p><strong>Full guide + docs</strong> 👉 <a href="https://github.com/piyush-kokane/github-view-counter" rel="noopener noreferrer">github.com/github-view-counter</a></p> <p>Hope this helps,<br> Would love feedback and suggestions!</p> github webdev javascript opensource