# 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="/images/swaps-demo.mp4"
  className="w-full"
></video>

<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>