README.md

Cross-chain Gas Refill using the Swing Widget in Next.js

MetaWallet is an example template showcasing how to use the Swing Widget to integrate cross-chain gas on a wallet portfolio website.

This example is built with:

• @swing.xyz/ui
• next.js
• tailwind

Demo

View the live demo https://gas-widget-nextjs.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=staking-widget-nextjs

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

Swing integration

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

It utilizes the Gas component to enable a low-code, cross-chain gas refill 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.