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

> Source: <https://dev.to/dhruv_puri/i-built-a-chrome-extension-that-shows-your-chatgpt-token-usage-in-real-time-2lgn>
> Published: 2026-05-31 05:20:51+00:00

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!
