Overview
Last updated
Was this helpful?
Last updated
Was this helpful?
Wormhole Connect is a React widget that lets developers offer an easy to use interface to facilitate cross-chain asset transfers via Wormhole, directly in a web application.
Check out the !
ability to configure any token to bridge via Wormhole
Wormhole Connect is deployed live in several production apps. Here are a few:
First, install the npm package.
Now you can import the React component:
If you're not using React, you can still embed Connect on your website by using the hosted version. The sample code below uses the popular and free unpkg.com CDN from which your app will load the widget.
The default configuration of Wormhole Connect may not be what you want to use. You may want to:
use custom styles
restrict the chains that you allow in your app
add support for your project's token, and eliminate tokens you don't want to reduce "noise"
configuring custom RPC URLs (do this - default public RPCs are heavily throttled)
The allows you to implement the same functionality as the Connect widget, but in your own UI. For more information on using the SDK instead of Connect .
This is just an overview of what features are available. For details about each, check .
multiple ways to bridge assets ("")
extensive ways to style the UI (also try the !)
ways to what feature set to offer
at the destination
Simply copy and paste the following into your HTML body, and replace the {WORMHOLE_CONNECT_VERSION} in the links with the most recent production version of Wormhole Connect. You can check what the most recent version is on .
For example, for :
This is just an overview of what's possible. For details about all the configuration options, check .
restrict the that are available
Check the and customize your widget however you like!
