Swing Example Templates

Kickstart your Swing integration with ready-to-ship repositories.

Documentation

Looking for the documentation? https://developers.swing.xyz

Getting started

First choose one of the examples.

Install the NPM dependencies:

yarn install

Run the development server for a specific example:

yarn dev --filter=swaps-widget-nextjs

Finally, open the example http://localhost:3000

Examples

Have an idea for a template? Please create a pull request or request one.

Swaps

• swaps-widget-nextjs - Cross-chain Swaps using the Widget in Next.js App Router
• swaps-widget-nextjs-pages - Cross-chain Swaps using the Widget in Next.js Pages Router
• swaps-sdk-nextjs - Cross-chain Swaps using the SDK in Next.js
• swaps-sdk-nextjs-web3-react - Cross-chain Swaps using Swing's SDK and Web3-react library in Next JS
• swaps-sdk-nextjs-thirdweb-embedded-wallet - Cross-chain Swaps using Swing's SDK and thirdweb's embedded wallet SDK in Next JS
• swaps-api-nextjs-bitcoin - Cross-chain native Swaps between the Ethereum and Bitcoin networks using Swing's API and thirdweb's SDK in Next JS
• swaps-api-nextjs - Cross-chain Swaps using the Swing API in Next.js
• swaps-api-nextjs-solana - Solana <> EVM Cross-chain Swaps using the Swing API in Next.js
• swaps-api-nextjs-tron - Tron <> EVM Cross-chain Swaps using the Swing API in Next.js
• swaps-widget-webpack - Cross-chain Swaps using the Widget with Webpack
• swaps-widget-angular - Cross-chain Swaps using the Widget in Angular

Staking

• staking-widget-nextjs - Cross-chain Staking using the Widget in Next.js
• staking-sdk-nextjs - Cross-chain Staking using the SDK in Next.js
• staking-api-nextjs - Cross-chain Staking using the Swing API in Next.js

Withdraw

• withdraw-widget-nextjs - Cross-chain Withdraw using the Widget in Next.js

Gas

• gas-widget-nextjs - Cross-chain Gas Refill using the Widget in Next.js