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

Dhruv — Sun, 31 May 2026 05:20:51 +0000

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!

DEV Community: Dhruv

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