Templates · Product

Billing

Current plan card, invoice history table, and payment method management — with a clean upgrade path.

Preview

Every element on the page is a Nova primitive. Adjust tokens in src/styles.css.

Team plan

$29 / month · renews Aug 12

4,120 / 10,000 requests used

Invoices

July 2026$29.00 Paid

June 2026$29.00 Paid

Install

Pull the template with the Nova CLI.

tsx

npx @novix-ui/cli template add billing

Source

tsx

// src/routes/_app/billing.tsx
export function Billing() {
  const { plan, invoices } = Route.useLoaderData();
  return <BillingLayout plan={plan} invoices={invoices} />;
}

What's included

Current plan cardPayment methodInvoice historyUsage meterUpgrade path