Your brand. Our infrastructure.
A complete, themeable component library for account dashboards, transaction histories, onboarding flows, and statements. Shipped as React components with full Figma files. Customise every token - deploy in hours, not months.
Fully themeable. One CSS variable per token.
Every visual property is controlled by a CSS custom property. Change your brand colour, typeface, and border radius - and every component updates. Ship a fully branded banking UI in hours, not months.
What's included
- 0140+ production-ready React components
- 02Full Figma design system included
- 03CSS custom property theming
- 04Dark mode support out of the box
- 05Accessible to WCAG 2.1 AA standard
- 06Localised to 12 languages
CSS theme tokens
--color-primaryBrand accent used for CTAs and highlights--color-surfaceCard and modal backgrounds--color-borderDividers and input borders--radius-cardCorner radius for cards and inputs--font-displayHeading typeface--font-bodyBody and UI text typeface40+ components across 4 product areas.
Onboarding
- Document upload
- KYC flow
- Terms acceptance
- Account setup
Accounts
- Balance overview
- Transaction history
- Statement download
- Account details
Payments
- Send money
- Scheduled payments
- Payment confirmation
- Receipt view
Cards
- Card management
- Spend controls
- Virtual card reveal
- Transaction disputes
Common questions about White-label UI
How customisable is the white-label UI?
Every visual property is controlled by CSS custom properties: brand colour, typeface, border radius, spacing, dark mode palette. Change one token and every component updates. No forking, no overrides.
What components are included in the library?
40+ production-ready components across onboarding (document upload, KYC flow), accounts (balances, transactions, statements), payments (send money, scheduling), and cards (management, spend controls, disputes).
Does the white-label UI support dark mode?
Yes. Dark mode is supported out of the box with a dedicated token set. Your users can toggle between light and dark themes, or you can set a default based on system preferences.
What accessibility standards does it meet?
All components meet WCAG 2.1 AA standards. This includes proper colour contrast ratios, keyboard navigation, screen reader support, and focus management across interactive flows.
How quickly can I deploy a branded banking UI?
Most teams go from design tokens to production in under a week. The Figma files let your design team preview the branded experience before any code is written.
What languages are supported for localisation?
The component library ships with localisation for 12 languages including English, French, German, Spanish, Portuguese, Dutch, Italian, Polish, Turkish, Arabic, Japanese, and Mandarin.
Your banking product, branded to your standard.
Our design team will walk you through the full component library and show you how quickly your brand can come to life.