Kokonut UIPro
ComponentsTemplatesPricing
Sign inGet Pro
Kokonut UIPro
TemplatesPricingSign in
Get Kokonut UI Pro

01Get started

InstallationAgentsChangelog

02Templates

MarlowNewAgentaNewLumeNewSonaeAIFuturPostlyStartup

03Blocks & sections47

Login2 new4Features1 new9FAQs2 new4Footers1 new4HeroesNew9Pricings5 new8
Billing & Usage
Testimonials2 new3

04Components66

Cards7 new11Headline4Banners5Buttons10Forms8Inputs1 new11Modals6Toolbars4Animated List3Action Search BarAction ToolbarKanban BoardNewFile TreeNew

05More2

Team InvitationCalendar Schedule
03Blocks & sections47App Screens

Billing & Usage

Billing page with plan, projected usage meters, prorated plan changes, invoices and a cancel flow.

Install with
no extra packages
Preview width

Billing

Plan, usage and invoices for Acme.

Plan

Pro

Monthly

$49 per month · Renews Nov 1, 2026

Next invoice about $82.83$82.83 on Nov 1, including $34 projected overage

Usage

Oct 1 – Nov 1 · 17 days left

UsedProjected to Nov 1Over limit
  • API requests

    52,800of100,000100,000

    API requests: 52,800 of 100,000. On pace for 116.9K by Nov 1, 16.9K over

    +$34 est.

  • Storage

    31.4 GBof50 GB50 GB

    Storage: 31.4 GB of 50 GB. 63% used

  • Seats

    7of1010

    Seats: 7 of 10. 70% used

Alert threshold

Payment method

••4242Visa

Visa ending in 4242

Expires 08/28 · Receipts to [email protected]

Invoices

5 invoices

DateDescriptionAmountStatusDownload

Oct 1, 2026

INV-0042

Pro, monthly

INV-0042

$49.00Paid

Sep 1, 2026

INV-0038

Pro, monthly + 6.2k requests

INV-0038

$61.40Paid

Aug 1, 2026

INV-0031

Pro, monthly

INV-0031

$49.00Paid

Jul 14, 2026

INV-0027

Starter to Pro, prorated

INV-0027

$17.42Refunded

Jul 1, 2026

INV-0024

Starter, monthly

INV-0024

$19.00Paid

Cancel subscription

You keep Pro until the end of the period, then the workspace moves to the free tier.

Usage meters project the period at today's pace: the solid bar is what's been used, the hatched run is where you'll land by renewal, and anything past the plan's limit turns red with the estimated overage. Change plan opens a picker inside the plan card that quotes the switch live, blocks a downgrade the workspace no longer fits in, and re-scales the meters once confirmed.

Everything runs on demo data. Pass your own data and plans, and wire onPlanChange, onCancel, onResume, onManagePayment and onDownloadInvoice to your billing provider.

PreviousTeam Calendar PageNextTestimonials