| mode | wide |
|---|---|
| title | Circle Developer Docs |
import { TryItOutComponent } from '/snippets/TryItOutComponent.jsx';
<div className="hidden md:block">
<img src="images/home/hero.svg" noZoom alt="hero image" />
</div>
<div className="border border-[#1118271A] rounded-xl p-[24px] flex flex-col gap-[16px] hover:border-[#0073C3] select-none transition-all duration-300">
<span className="inline-flex items-center justify-center w-[52px] h-[52px] rounded-full bg-[#E1F2FF] rotate-45">
<Icon icon="arrow-up-arrow-down" color="#1894E8" size={20} />
</span>
<h3 className="text-lg font-bold text-black dark:text-white">Integrate USDC into your app</h3>
<p>Embed USDC payments and wallets directly in your app.</p>
<a href="/cctp" className="cursor-pointer text-[#0073C3] font-bold w-fit">
CCTP
</a>
</div>
<div className="border border-[#1118271A] rounded-xl p-[24px] flex flex-col gap-[16px] hover:border-[#0073C3] select-none transition-all duration-300">
<span className="w-min p-[16px] rounded-full bg-[#E2FDF2]">
<Icon icon="coin-blank" color="#0B9C4A" size={24} />
</span>
<h3 className="text-lg font-bold text-black dark:text-white">Integrate USDC into your app</h3>
<p>Embed USDC payments and wallets directly in your app.</p>
<a href="/wallets/user-controlled/receive-inbound-transfer" className="cursor-pointer text-[#0073C3] font-bold w-fit">
StableFX
</a>
</div>
</Columns>
Embed secure wallets in any app
Allow transaction fees in USDC
Mint and redeem USDC with Circle.
Access and distribute USDC liquidity
Global, real-time settlement
Move USDC natively between chains
Enable a unified USDC balance
Move USDC cross-chain with one API
Build and manage smart contracts