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!