What's in the billing family?

Pricing tables, plan cards, subscription and wallet cards, credit badges, and transaction lists — the surfaces that show cost, usage, and renewal state.

Do these components handle payments?

No. These are presentational React components — wire them to Stripe, Polar, or your own billing API. They render state; they don't process payments.

VLLNT UI · Famille de composants

Composants Billing

Billing components render the money side of a product — pricing tables, plan and subscription cards, credit badges, wallets, and transaction history. Drop them in and connect your billing provider; they present cost, usage, and renewal state without prescribing a backend.

Parcourir tous les composants Comment les agents consomment le registre3 composants

Billing & Payments

Pricing tables, auto-reload controls, and transaction history for subscription billing, credits, and payment management.

Auto Reload

Bascule + formulaire repliable de seuil/montant pour le rechargement automatique de credits avec devise adaptee a la locale. Installez Auto Reload depuis le registre VLLNT UI avec la CLI shadcn.

5 stories

Pricing Table

Comparaison de forfaits avec liste de fonctionnalites, mise en avant des niveaux, CTA et une bascule mensuel/annuel optionnelle. Installez Pricing Table depuis le registre VLLNT UI avec la CLI shadcn.

3 stories

Transaction List

Historique chronologique de credits et debits avec formatage monetaire selon la locale et une ligne d'abonnement epinglee. Installez Transaction List depuis le registre VLLNT UI avec la CLI shadcn.

4 stories

Lisible par les agents

Votre agent IA peut aussi les installer.

Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.

/llms.txt

Index concis selon la specification llmstxt.org — sections, liens et descriptions.

/llms-full.txt

Contexte complet du registre en une requete — docs plus chaque descripteur de composant.

/r/<name>.json

Descripteur par composant : props, schema d'accessibilite et exemples d'usage.

Questions frequentes

What's in the billing family?: Pricing tables, plan cards, subscription and wallet cards, credit badges, and transaction lists — the surfaces that show cost, usage, and renewal state.
Do these components handle payments?: No. These are presentational React components — wire them to Stripe, Polar, or your own billing API. They render state; they don't process payments.