Widget

The widget is the deposit flow your users see. Today it runs as a live preview; the way you embed and configure it in your own app is being built. The planned shape is shown inline so you can see where it is headed.

See it live

A preview runs at widget.rheon.io.

Want to integrate today? Build your own deposit UI on the deposit API - it is available now. The embed methods below are coming soon.

Embed

Coming soon. Expand for the intended shape - a plan, not a live spec.

Planned embed - iframe / SDK

The widget will embed as a hosted iframe or an SDK component. In production the URL is signed by your backend (single-use, short-lived) so the deposit config cannot be tampered with client-side.

Planned - shape may change

<iframe
  src="https://widget.rheon.io/?token=<SIGNED_SESSION_TOKEN>"
  allow="camera;microphone;payment"
  style="height:100%;width:100%;border:none">
</iframe>

Configuration (chain/token filtering, pre-fill, locked fields) is covered on Integration options.

Theming

Coming soon. Expand for the intended shape.

Planned theming

White-label theming so the widget matches your brand: primary color, dark mode, logo, and corner radius. Applied via the widget configuration, so the deposit flow looks native inside your product.

Lifecycle events

Coming soon. Expand for the intended shape.

Planned lifecycle events

Embedded via the SDK (or postMessage from the iframe), the widget emits events so your page reacts without polling. Planned set:

DepositStarted - the user confirmed, routing began
Routing - settling cross-chain
SourceConfirmed - source payment confirmed
Completed - USDC landed
Failed - the deposit failed

Use these for in-page UX. Use webhooks for anything your backend must trust, such as crediting the user.

Getting started

Integration

Coverage

Transactions

Webhooks

Sandbox

See it live

Embed

Theming

Lifecycle events

​See it live

​Embed

​Theming

​Lifecycle events

See it live

Embed

Theming

Lifecycle events