> ## Documentation Index
> Fetch the complete documentation index at: https://reown-5552f0bb-devin-1760607358-add-ton-rpc-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Swaps

With Swaps, your users can securely exchange crypto tokens right inside your app using the AppKit Modal. **The setup takes just one line of code**.

<video controls autoPlay src="https://mintcdn.com/reown-5552f0bb-devin-1760607358-add-ton-rpc-docs/Rs8j6HuKjyd1ivZI/images/swaps-demo.mp4?fit=max&auto=format&n=Rs8j6HuKjyd1ivZI&q=85&s=b7e9cb891a8fba20aa7ef954543171ad" className="w-full" data-path="images/swaps-demo.mp4" />

<Card title="Try Demo" href="https://appkit-lab.reown.com/" horizontal />

## Use Cases

Swaps can be used in various scenarios to enhance your application's functionality:

* **Token Exchange**: Allow users to easily convert between different cryptocurrencies
* **DeFi Integration**: Enable users to participate in DeFi protocols by swapping tokens
* **Payment Processing**: Let users pay with their preferred cryptocurrency by swapping to the required token
* **Cross-chain Operations**: Facilitate token swaps across different blockchain networks

## Get Started

<CardGroup cols={2}>
  <Card title="React" icon="react" href="/appkit/react/transactions/swaps">
    Get started with AppKit in React.
  </Card>

  <Card title="Next.js" icon="square-n" href="/appkit/next/transactions/swaps">
    Get started with AppKit in Next.js.
  </Card>

  <Card title="Vue" icon="vuejs" href="/appkit/vue/transactions/swaps">
    Get started with AppKit in Vue.
  </Card>

  <Card title="JavaScript" icon="js" href="/appkit/javascript/transactions/swaps">
    Get started with AppKit in JavaScript.
  </Card>
</CardGroup>