Lomi UI

Lomi UI is a small collection of payment components for teams building checkout flows on top of lomi. It follows the same copy-paste model as shadcn/ui: install the component into your app, keep the source, and adapt it to your product.

The first kit focuses on checkout:

• provider selection for Wave, MTN, Orange Money, SPI, and cards
• mobile money collection cards
• checkout summaries
• success, failed, and pending payment states

Install a component

npx shadcn@latest add https://docs.lomi.africa/r/payment-provider-selector.json

Design language

The components are inspired by the hosted Lomi checkout: small-radius cards, neutral surfaces, subtle borders, and #56A5F9 for selected payment states.