https://github.com/swing-xyz/examples
Example templates using the Swing API, SDK, and Widget
https://github.com/swing-xyz/examples
bridge bridge-aggregation cross-chain dapp defi examples nextjs react swing templates typescript web3
Last synced: about 1 month ago
JSON representation
Example templates using the Swing API, SDK, and Widget
- Host: GitHub
- URL: https://github.com/swing-xyz/examples
- Owner: swing-xyz
- Created: 2023-01-10T18:19:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-17T06:09:01.000Z (5 months ago)
- Last Synced: 2025-04-02T11:05:15.289Z (2 months ago)
- Topics: bridge, bridge-aggregation, cross-chain, dapp, defi, examples, nextjs, react, swing, templates, typescript, web3
- Language: TypeScript
- Homepage: https://examples.swing.xyz
- Size: 8.25 MB
- Stars: 14
- Watchers: 5
- Forks: 12
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](#examples).
Install the NPM dependencies:
```bash
yarn install
```
Run the development server for a specific example:
```bash
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](https://github.com/swing-xyz/examples/pulls) or [request one](https://github.com/swing-xyz/examples/issues/new).
### Swaps
- [swaps-widget-nextjs](./examples/swaps-widget-nextjs/README.md) - Cross-chain Swaps using the Widget in **Next.js App Router**
- [swaps-widget-nextjs-pages](./examples/swaps-widget-nextjs-pages/README.md) - Cross-chain Swaps using the Widget in **Next.js Pages Router**
- [swaps-sdk-nextjs](./examples/swaps-sdk-nextjs/README.md) - Cross-chain Swaps using the SDK in Next.js
- [swaps-sdk-nextjs-web3-react](./examples/swaps-sdk-nextjs-web3-react/README.md) - Cross-chain Swaps using Swing's SDK and Web3-react library in Next JS
- [swaps-sdk-nextjs-thirdweb-embedded-wallet](./examples/swaps-sdk-nextjs-thirdweb-embedded-wallet/README.md) - Cross-chain Swaps using Swing's SDK and thirdweb's embedded wallet SDK in Next JS
- [swaps-api-nextjs-bitcoin](./examples/swaps-api-nextjs-bitcoin/README.md) - Cross-chain native Swaps between the Ethereum and Bitcoin networks using Swing's API and thirdweb's SDK in Next JS
- [swaps-api-nextjs](./examples/swaps-api-nextjs/README.md) - Cross-chain Swaps using the Swing API in Next.js
- [swaps-api-nextjs-solana](./examples/swaps-api-nextjs-solana/README.md) - Solana <> EVM Cross-chain Swaps using the Swing API in Next.js
- [swaps-api-nextjs-tron](./examples/swaps-api-nextjs-tron/README.md) - Tron <> EVM Cross-chain Swaps using the Swing API in Next.js
- [swaps-widget-webpack](./examples/swaps-widget-webpack/README.md) - Cross-chain Swaps using the Widget with Webpack
- [swaps-widget-angular](./examples/swaps-widget-angular/README.md) - Cross-chain Swaps using the Widget in Angular
### Staking
- [staking-widget-nextjs](./examples/staking-widget-nextjs/README.md) - Cross-chain Staking using the Widget in Next.js
- [staking-sdk-nextjs](./examples/staking-sdk-nextjs/README.md) - Cross-chain Staking using the SDK in Next.js
- [staking-api-nextjs](./examples/staking-api-nextjs/README.md) - Cross-chain Staking using the Swing API in Next.js
### Withdraw
- [withdraw-widget-nextjs](./examples/withdraw-widget-nextjs/README.md) - Cross-chain Withdraw using the Widget in Next.js
### Gas
- [gas-widget-nextjs](./examples/gas-widget-nextjs/README.md) - Cross-chain Gas Refill using the Widget in Next.js
