Embedded components

Embedded components for AI credits, usage and purchases

Prebuilt views for balances, purchases, auto-recharge and team usage. They take on your brand and run inside your product, so your users never leave it.

Component
State
Your brand
Font
PurchasePreviewDemo · no real payments or AI calls
AI creditsHalcyon Labs
2,450credits left
Purchased2,000
Included this month450 of 500

Normal. The live balance, with purchased and included credits shown apart.

Component gallery

Seven components, every state designed

Low balances, failed payments, limits and empty usage are designed too, so your users always know what happened and what to do next.

Theming

Looks like part of your product

Set your accent colour and corner style, and the components follow. The same view, three different products.

Integration

Hosted pages, components, or your own UI

Pick the path that fits your team. All three use the same Rixi account and balances, and payments go to your Stripe.

CompareHostedFastestComponentsEmbedded UIAPIFull control
What your users seeA Rixi-hosted page in your brandPrebuilt views inside your appYour own interface
Front-end workA link from your productPlace and theme the viewsBuild every screen
PaymentsThrough your StripeThrough your StripeThrough your Stripe
PlansEvery planGrowth and upEvery plan
Setup effort
Good forLaunching quicklyMost productsCustom experiences
Trust

Your brand, your Stripe account

The views carry your look, and every payment goes straight to your own Stripe account. Rixi adds the credits once it clears.

  • Paid through your own Stripe account
  • Credits added the moment a payment clears
  • Clear messages when a payment fails
FAQ

Components, answered

Do I need to build billing screens?

No. Place the prebuilt views in your app, or link to Rixi-hosted pages. Build your own interface on the API only if you want to.

Are components on every plan?

They're included from Growth. On Starter you can use hosted pages and the API.

Can the components match my design?

Yes. Set your accent colour, corner style and font, and the views follow.

Can my users see how their team uses AI?

Yes. Usage breakdown shows credits used over time and by feature, Team usage shows what each member used, and Activity log lists every AI action. You can show members only their own usage if you prefer.

What does my user see if a payment fails?

A clear message that the payment didn't go through and that no credits were added, with a way to try again.

Who handles my users' payments?

Your own Stripe account. Payments go straight to you, Rixi adds the credits once each one clears, and your team answers your users' purchase questions.

How do I add the components to my app?

The developer docs will cover setup step by step. This page shows a design demo, not the production package.

Keep exploring

See the rest of Rixi

Add credits, usage and purchases to your product

Included from the Growth plan. AI usage is charged separately.