Meterline
Open the demo
Showcase build

A usage based billing console, built to be clicked rather than described.

Meterline is the admin side of an API business. It meters what customers consume, prices it against plan allowances, projects the invoice before the period closes, and records every change with the role that made it.

Open the demo

No signup, no email, no wall. It opens straight into a seeded workspace.

Eight screens

What is actually in there

Overview

Committed against projected revenue, who is about to pass their allowance, and what is still to collect.

Customers

A meter per customer carrying units used, the alert threshold, and where the projection lands.

Usage events

Thousands of metered calls with paging, sorting and filtering behind the data layer, plus CSV export.

Plans

Edit a base price, an allowance or an overage rate and watch every projected bill move with it.

Invoices

Line items computed from plan base plus metered overage, credits after the subtotal, drafts you can issue.

Team and audit

Three roles enforced in the data layer, and every write recorded with the role that made it.

Under it

The parts a client normally asks about

Next.js and React with TypeScript, Tailwind carrying the token system, exported as a static site and served from Cloudflare Pages. Every line opposite can be checked on the page rather than believed.

  • Role based permissions you can switch live, with every blocked control saying why
  • Server style paging, sorting and filtering behind a query boundary
  • Money held in integer cents, never a float
  • Light and dark built as one token system, plus a system setting
  • Keyboard reachable, focus always visible, dialogs trap focus and close on Escape
  • Loading, empty and error states on every screen that fetches

About this build

This was built as a showcase, not for a client. Northwind Labs, Kestrel Data and every customer, plan and figure inside are invented for demonstration, and none of them describe a real business or a real result. The engineering is real, the companies are not. Source available on request.