Skip to main content

Swap/Bridge Widget

The Router OGA Swap/Bridge Widget is an embeddable iframe component that enables users to swap and bridge tokens directly in your application. It provides seamless cross-chain functionality with extensive customization options to match your application's design.

Key Features​

Comprehensive Network Support​

Access all ecosystems, chains, bridges, exchanges, and solvers that Router OGA supports. The widget automatically connects to Router's programmable execution graph, giving users access to the most efficient routes across multiple blockchain networks.

Flexible Layout​

The widget adapts to your container size and can be embedded in any layout - sidebars, full-width pages, or modal overlays. Simply adjust the iframe dimensions to fit your design.

Granular Control Options​

Configure which tokens and nodes are available to users:

  • Default Selections: Pre-configure default source and destination tokens
  • Token Selector Control: Enable or disable token selection for source and destination
  • Node Selection: Choose which bridges/nodes are available for routing

Flexible Theming & Customization​

Match your application's look and feel with extensive customization options:

  • Pre-configured Themes: Choose from multiple built-in themes
  • Dark Mode Support: Full dark mode support that adapts to your application's theme
  • Custom Styling: Extensive customization options for colors, fonts, borders, and more
  • Brand Integration: Customize the widget to align with your brand identity

Widget Builder​

Use the Widget Playground to customize and preview your widget before integrating it into your application. The Widget Builder allows you to configure swap parameters, customize themes, adjust borders, toggle features, and select available nodes/bridges for routing.

Quick Navigation​

Upcoming SDK Release​

SDK Coming Soon

We're working on a native SDK for the Swap/Bridge Widget that will provide even more flexibility and integration options. The SDK will include:

  • React, Vue, and vanilla JavaScript components
  • Direct API integration without iframe
  • Enhanced customization options
  • Better performance and user experience
  • TypeScript support

Stay tuned for updates! Bookmark this page or follow our GitHub repository to be notified when the SDK is released.

Next Steps​