Saas Starter Billing Center
Subscription and usage page of a SaaS admin.
About this feature
What it's for
- Subscription and usage page of a SaaS admin.
- Plan upgrade to checkout flow.
Includes
- Usage meter
- Plan selection
- Monthly annual toggle
- Checkout simulation
- Invoice download
- Payment recovery entry
- Tabbed views
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
- 1 template or blueprint on this site use it (below)
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add saas-starter-billing-centerInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/saas-starter-billing-centerUsed in
- Type
- Feature
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- npm packages
next-themes- Registry dependencies
auth-forgot-resetauth-login-signupauth-mfa-passkeybilling-pricing-tablebilling-usage-meterlib-billing-checkout-flowlib-motionlib-motion-listlib-motion-micro-interactionslib-motion-modal-enterlib-org-team-invitelib-tokensmotion-skeleton-shimmermotion-tab-indicatororg-permissions-matrixorg-switchersecurity-sessions-devices- Files
1 file
- components/agentic-ui/saas-starter-billing-center/saas-app.tsx
Related components
Saas Configure Pinned Items
Searchable selection dialog communicates the six-item pinning limit.
Details and live previewSaas Manage Collection Pinned Grid
Pinned cards maintain their content hierarchy within a draggable grid.
Details and live previewSaas Starter Audit Log
Workspace audit trail in a SaaS starter.
Details and live previewSaas Starter Settings Security
Workspace settings and active sessions pages.
Details and live preview