Introduction
MPUI-KIT is a shadcn/ui registry for African markets. You copy components into your project, like the rest of shadcn/ui, and own the code.
Principles
- No hardcoded country. Country data is pluggable, with Cameroon first.
- UI only. Payment flows take async callbacks, so they work with any backend.
- Accessible by default, and bilingual FR/EN.
- Light. Built for slow connections.
- Themeable. They read your shadcn tokens, so they follow your theme and dark mode. See Theming.
Guides
- Card and PayPal (beta)
Host your provider’s card fields or PayPal buttons in the checkout.
- Headless and framework-free
Use the checkout logic with Vue, Svelte or plain JavaScript.
Components
- Currency
Formats FCFA amounts with zero decimals and French spacing.
- Phone input
Detects the operator as you type, validates length and returns E.164.
- Payment method picker
Selectable cards for Mobile Money operators, card and cash.
- USSD prompt
Approval code with copy and dial actions, countdown and retry.
- Mobile Money checkout
A full checkout block with a payment state machine and receipt.
MPUI-KIT is an independent project, not affiliated with any mobile network operator or mobile money provider.