README.md

Cross-chain Swaps using the Swing Widget with Webpack

This is an example template showcasing how to use the Swing Widget to integrate the cross-chain swaps into your React application using Webpack.

This example is built with:

• @swing.xyz/ui
• webpack

Demo

View the live demo https://swaps-widget-webpack.vercel.app/

Getting started

To get started with this template, first install the npm dependencies:

yarn install

Next, run the development server:

yarn dev --filter=swaps-widget-webpack

Finally, open http://localhost:3000 in your browser to view the website.

Swing integration

The @swing.xyz/ui can be found in src/App.tsx.

It utilizes the Swap component to enable a low-code, cross-chain swapping experience.

Customizing

You can start editing this template by modifying the files in the /src folder. The site will auto-update as you edit these files.