Skip to content
Nitro KitAlpha
Sign in
← All demos

Subscription billing

Pricing tiers with a monthly/yearly toggle, checkout handoff, and plan management.

Build Racecamp's subscription experience: pricing with monthly/yearly toggle and three
tiers, checkout handoff + confirmation, billing settings with plan, payment method,
and invoice history. Nitro Kit, fake data.
Our pricing and billing deserve the same care as the product. Build the subscription
experience for Racecamp, a project management app from 27 Seagulls: a pricing page with a
monthly/yearly toggle and three tiers, a checkout handoff with a processing state that
ends in confirmation, and a billing settings page with the current plan, payment method,
and invoice history.

Upgrades and downgrades both need a clear confirmation. This is a UI showcase — fake
plans and invoices, checkout goes nowhere real. Use Nitro Kit components throughout and
dummy content that feels like a real product.

Result

/demo-results/billing
Fullscreen ↗

Built by an agent from the subscription-billing pattern, using Nitro Kit components.