Billing

Billing variations

Subscription management, usage meters, invoices, and a plan selector.

3 variations

3 results

Current plan

Your workspace is on the Team plan, billed monthly.

Active

TeamRenews Jul 1, 2026

$290/ month

Usage

Current billing period · resets Jul 1, 2026.

Seats18 / 25

Storage164 GB / 250 GB

API calls842K / 1M

Payment method

Visa ending in 4242Expires 08 / 2028

Invoices

Download receipts for your past payments.

Invoice	Date	Amount	Status
INV-2026-006	Jun 1, 2026	$290.00	Paid
INV-2026-005	May 1, 2026	$290.00	Paid
INV-2026-004	Apr 1, 2026	$290.00	Paid
INV-2026-003	Mar 1, 2026	$245.00	Pending

Subscription

dark

Current plan, usage meters, payment method, and a downloadable invoice history.

Current plan

Your workspace is on a free trial. Choose a plan to keep it after the trial.

Trial

Free trialEnds Jul 1, 2026

$0/ month

Usage

No usage recorded yet.

Seats0 / 25

Storage0 GB / 250 GB

API calls0K / 1M

Payment method

No payment methodAdd a card to keep the workspace.

Invoices

No invoices yet.

Invoice	Date	Amount	Status	Download
No invoices yet.

Empty

light

Free trial, no payment method, and an empty invoice table.

Pick the plan that fits

Switch plans or cancel anytime. Annual billing saves you up to 17%.

MonthlyAnnualSave 17%

Starter

For individuals shipping their first project.

$0forever

1 workspace
Up to 3 seats
5 GB storage
Community support

Popular

Team

For growing teams that need room to scale.

$24/ mo, billed yearly

Unlimited workspaces
Up to 25 seats
250 GB storage
Priority email support
Usage analytics

Enterprise

For organizations with advanced controls.

$74/ mo, billed yearly

Everything in Team
SSO & SCIM
Unlimited storage
Dedicated success manager
99.9% uptime SLA

Plan selector

light

Three-tier plan picker with a highlighted popular plan and a monthly/annual toggle.

API Reference

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add billing

Field	Type	Default	Description
`slug`*	`string`	`"billing"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Billing"`	Display name shown in the gallery.
`description`*	`string`	`"Subscription management, usage meters, invoices, and a plan selector."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["subscription", "empty", "plans"]`	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Variants

Every published look for this block.

Id	Name	Description
`subscription`	Subscription	Current plan, usage meters, payment method, and a downloadable invoice history.
`empty`	Empty	Free trial, no payment method, and an empty invoice table.
`plans`	Plan selector	Three-tier plan picker with a highlighted popular plan and a monthly/annual toggle.