Falaah Falaah AI
Live demo: Real calculator + donation blocks for Hope Springs Community Center — live cross-origin embeds. · Fundraising widgets · Form patterns
Live demo

Calculators & donate blocks

Self-contained widgets that drop onto any page with one <script> tag — a Zakat calculator and a donation block. Same widget.js loader as the thermometers; just a different data-type.

Smart Zakat calculator

Calculate zakat, then give it — in one block

Full surface. This same page lives at /go/muin-demo/zakat — we're showing it embedded here, but you could just share the link.

Donors enter their assets, the calculator applies the current nisab threshold and the 2.5% rate, and the resulting amount flows straight into a donation. No spreadsheet, no separate "what do I owe" step.

  • Nisab-aware. Configurable madhhab and nisab basis (gold or silver) via data-madhhab / data-nisab-basis.
  • Calculate → give. The computed amount pre-fills a real charge form, so the calculator converts, it doesn't just inform.
  • One script tag. Same loader as every other widget — set data-type="zakat".
Embed the Zakat calculator
<script src="https://muin-stg.falaah.ai/embed/widget.js" data-tenant="muin-demo" data-type="zakat" data-page-slug="zakat" async></script>
/go/muin-demo/zakat?page_slug=zakat

Live embed of the real muin-demo Smart Zakat calculator.

Donate block

A complete donation form, inline

Full surface. This same page lives at /go/muin-demo/donate/donate — we're showing it embedded here, but you could just share the link.

Preset amounts, custom amount, fund picker, and card entry — the whole donation flow as a single embedded block. Point it at a specific fund with data-fund-id, or let donors choose.

Embed an inline donate block
<script src="https://muin-stg.falaah.ai/embed/widget.js" data-tenant="muin-demo" data-type="form" async></script>

Want a button, popup, floating action button, or banner instead? Same script — see the data-type menu below.

/go/muin-demo/donate/donate

Live embed of the real muin-demo donate block.

One loader, and one recommended shape per surface

Every widget on this page and the Fundraising widgets page loads from the same widget.js — you only ever change data-type. But this isn't eight equal choices: each surface has one recommended shape (the same default the product's Share panel gives you), and the rest are alternatives. A full surface is a page with its own web address — embed it or share the link. A fragment widget has no page of its own, so embedding is the only way to show it.

form
Inline form Full surface
Shows the whole donation form right on your page (Stripe Elements).
★ Recommended default for a giving, donation, or event page.
zakat
Zakat calculator Full surface
Visitors work out what they owe and give it in one place.
★ Recommended default for a zakat page.
button
Donate button Full surface
A branded button that opens the page.
★ Recommended default for a grant or application page.
support
Support widget Fragment widget
A small AI chat bubble in the corner of every page — see Public surfaces.
★ Recommended default for support.
popup
Popup Full surface
Opens the page in a window over your site (Shadow-DOM isolated).
floating
Floating button Full surface
A corner-pinned button that follows people down the page.
banner
Banner Full surface
A fixed top or bottom bar with a donate CTA.
thermometer
Thermometer Fragment widget
Campaign progress — a piece with no page of its own; see Fundraising widgets.

See every public surface

Donation forms, fundraising widgets, a public events calendar, and full donor / vendor / board portals — the complete set of surfaces Muin publishes for you.

All live demos