Usage Tracker for Lovable

About

See your Lovable credit usage at a glance — right on the page.

Usage Tracker adds a lightweight overlay widget to lovable.dev that shows your monthly credits, daily credits, billing period, and pacing — so you never have to dig through menus or switch tabs to check your limits.

━━━━━━━━━━━━━━━━━━━━━━━━

⛽ TWO DISPLAY MODES

- Fuel Gauge — shows credits remaining: "72% left"
- Usage Tracker — shows credits consumed: "28% used"

Switch instantly from the widget, popup, or settings.

━━━━━━━━━━━━━━━━━━━━━━━━

📊 WHAT YOU SEE

- Monthly credit bar with used/remaining counts
- Daily credit balance (5/day, resets at midnight UTC)
- Billing period countdown with reset date
- Daily budget — remaining credits ÷ days left
- Color-coded status: green → yellow → orange → red
- Percentage badge on the extension icon

━━━━━━━━━━━━━━━━━━━━━━━━

✨ FEATURES

- Always-on draggable overlay on every lovable.dev page
- Keyboard shortcut: Alt+U toggles the widget
- Auto theme matching — follows Lovable's light or dark mode
- 80% usage alert with optional auto-expand
- Usage history with CSV export
- Configurable sync interval (2, 5, 10, or 15 min)
- Stale data indicators when sync hasn't refreshed

━━━━━━━━━━━━━━━━━━━━━━━━

🔒 PRIVACY FIRST

Zero data collection. No servers. No analytics. No accounts. No tracking. Everything stays in chrome.storage.local on your machine. The extension reads the same usage data you see on the page — nothing more.

━━━━━━━━━━━━━━━━━━━━━━━━

⚙️ HOW IT WORKS

The extension reads your credit data from lovable.dev by calling Lovable's credit-balance API with your existing browser session and by extracting visible text from the Settings → Plans & credits tab. All requests go directly to Lovable's servers — no data passes through any third party.

━━━━━━━━━━━━━━━━━━━━━━━━

Not affiliated with, endorsed by, or sponsored by Lovable.

Free and open. If this saves you time, consider buying the creator a coffee: https://buymeacoffee.com/fuelgauge