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

Dhruv Posted on May 31           I built a Chrome extension that shows your ChatGPT token usage in real-time # javascript # chatgpt # chromeextension # webdev 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 Would love any feedback or contributions! Top comments (0) Subscribe Personal Trusted User Create template Templates let you quickly answer FAQs or store snippets for re-use. Submit Preview Dismiss Code of Conduct • Report abuse Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink . Hide child comments as well Confirm For further actions, you may consider blocking this person and/or reporting abuse