Swing Widget
The Swing Widget allows you to seamlessly bridge and swap thousands of digital assets across more than 30 blockchains. It's a user-friendly collection of pre-made UI elements that make it easy to implement secure cross-chain bridging and swapping for your dApp or web application.
If you're unsure whether our Widget is the right integration type for you, check out our guide to help you choose the best integration type for you or your team.
If you're unsure whether our Widget is the right integration type for you, check out our guide to help you choose the best integration type for you or your team.
Features
- Connect to all chains, bridges, and exchanges supported by the Swing SDK and API
- Utilize chain-agnostic smart routing with the option to enable or disable specific chains, tokens, and bridges
- Manage your wallets with support for over 100 options, making it easy to move assets between EVM and non-EVM chains
- Track transactions in real-time and view ongoing swaps and past swap history
- Easily integrate it as a component in any React app or embed it anywhere as a Web Component.
- Experience the widget firsthand by trying it out for yourself.
Getting Started
Install the Widget Library
The first step to embedding the widget is installing the @swing.xyz/ui library.
Connect your Project
Learn how to setup a Swing Platform project to configure the chains, tokens and integrations used by the widget.
Configure an environment
Learn how to configure the widget to use production and testnet environments.
Guides
Setup the Swap Widget
Learn how to use the Swap Widget into your app.
Setup the Staking Widget
Learn how to use the Staking Widget into your app.
Setup the Withdraw Widget
Learn how to use the Withdraw Widget into your app.
Setup the Gas Widget
Learn how to use the Gas Widget into your app.