Swap/Bridge Widget
Integrate Router OGA swaps and bridges into your product in one of two ways:
| Integration | Best for |
|---|---|
| npm package | React apps: integrate via @routerprotocol/xplore-widget with BlinqWidget, built-in wallet providers, and theming. |
| iframe embed | Any site or stack: plain HTML, CMS, or non-React frameworks — embed the hosted swap UI via <iframe>. |
Both paths connect to the same Router OGA routing and liquidity. Use the Widget Playground to preview behavior and build configuration (npm config object or iframe JSON via the config query parameter, depending on your integration).
Where to go next
- Swap/Bridge Widget (npm) — install
@routerprotocol/xplore-widget, then renderBlinqWidget - Swap/Bridge Widget (iframe) — embed
https://app.routerprotocol.com/swapwith URL-encoded JSON (config=)