> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reown.com/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/Ro_EJGh7Rkd_L3Z5/images/swaps-demo.mp4?fit=max&auto=format&n=Ro_EJGh7Rkd_L3Z5&q=85&s=652dc9bb6d29314103cf32eee5a3ac29" 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>