I built a Chrome extension that shows your ChatGPT token usage in real-time

A developer built a Chrome extension called ChatGPT Counter that displays real-time token usage directly on ChatGPT pages. The extension intercepts ChatGPT's internal SSE API responses to track token counts, showing a color-coded progress bar that updates as users type and receive responses. It automatically detects the model in use and tracks against the user's actual daily limit, resetting at midnight.

Ever wonder how many tokens you've actually used in ChatGPT today? I did — and I couldn't find anything that tracked it properly, so I built one. ChatGPT Counter is a lightweight Chrome extension that sits at the top of every ChatGPT page and tracks your daily token usage live as you chat. What it does 📊 Real-time progress bar that updates as you type and receive responses 🎨 Color-coded warnings — Blue normal → Orange approaching limit → Red danger zone 🤖 Model detection — knows which model you're using GPT-4o, o1, etc. 📅 Plan-aware limits — tracks against your actual daily limit 🔄 Auto-resets at midnight How it works The extension intercepts ChatGPT's internal SSE Server-Sent Events API responses using a page-world injected script, reads the token counts from the stream, and accumulates them with delta-tracking so the count is always accurate across the session. The trickiest part was getting the fetch interception to work inside ChatGPT's sandboxed environment without breaking the page — took a few iterations to get right. Tech used Vanilla JavaScript Chrome Extensions Manifest V3 o200k base tokenizer same one OpenAI uses CSS for the overlay UI Try it ⭐ GitHub: github.com/Dhruvg0/Chatgpt-token-counter https://github.com/Dhruvg0/Chatgpt-token-counter Would love any feedback or contributions