> ## Documentation Index
> Fetch the complete documentation index at: https://docs.layerswap.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate Layerswap

Layerswap provides a prebuilt, optimized gateway that lets anyone easily and securely process transactions across multiple networks – overcoming liquidity fragmentation and complex bridging steps.

You can utilize Layerswap's transacting infrastructure in four main ways:

<Card title="Widget" icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(var(--primary-light))" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-blocks-icon lucide-blocks"><path d="M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2"/><rect x="14" y="2" width="8" height="8" rx="1"/></svg>} href="/integration/UI/Widget/Quickstart">
  Layerswap Widget is a ready-to-use UI toolkit that lets you launch an in-app cross-chain bridging and swapping solution in minutes. It's fully customizable and seamlessly integrates with your app environment.
</Card>

<Card title="API" icon="gear" href="integration/API">
  Layerswap API is set to enable fast and reliable crypto transfers for end-users directly in your app environment. It provides extensive customization options tailored to meet your specific requirements and objectives.
</Card>

<Card title="Embedded form (iFrame)" icon="code" href="integration/UI/iFrame">
  Layerswap iFrame allows embeding Layerswap directly in your app and instantly getting an in-app bridge with adjustments to fit your specific use case.
</Card>

<Card title="Layerswap-hosted page" icon="arrow-up-right-from-square" href="integration/UI/HostedPage">
  You can redirect users from your Web or Mobile app to Layerswap and customize their journey by providing [configurations](/integration/UI/Configurations).
</Card>