White-label · ABAC-policy-bound · Maker-checker preserved

Launch customer-facing Islamic finance journeys without building the front-end from scratch.

12 drop-in widgets — calculators, application forms, evidence viewers, QR payments, sandbox launcher. Embed via iframe, vanilla JS, or React. Bound by ABAC policy, audit trail, and maker-checker on every sensitive action.

12
Widget SKUs
100%
ABAC-policy-bounded
0
Mock-data widgets
13
Compliance frameworks

Catalog

Every widget you need to launch

Calculator, application form, evidence viewer, QR payment, consent capture, sandbox launcher and more. Each widget is white-label, theme-able, and emits structured audit events.

Embed

Three ways to embed

iframe, vanilla JS auto-mount, or React. Pick what fits your stack.

iframe
<iframe
  src="https://widgets.islamicopenfinance.com/widgets/murabaha-calculator?tenant=tnt_xyz"
  width="100%" height="520" frameborder="0">
</iframe>
Auto-mount
<script src="https://widgets.islamicopenfinance.com/embed.js"></script>
<div data-iof-widget="murabaha-calculator"
     data-iof-tenant="tnt_xyz"></div>
React
import { MurabahaCalculator } from
  "@iof/embedded-ux-kit/widgets";

<MurabahaCalculator />
Audit trail. Every widget emits structured WidgetEvent messages to the configured callback URL. Maker-checker is preserved on every sensitive action — no widget moves money.

Pilot

Pilot a widget in your app

Tell us your stack and use case — we'll provision a sandbox tenant and a white-label widget bundle in under a week.

Request pilot