UI Kit
Ready-made components for onchain apps
Wallet connect, swap, buy, identity and transaction components that work out of the box and match your brand.
import { Swap, ConnectWallet } from "@Coinbase/ui-kit"
export function Trade() {
return (
<>
<ConnectWallet />
<Swap from="USDC" to="ETH" theme="light" />
</>
)
}
What you get
20+ components
Wallet, swap, buy, fund and more.
Themeable
Match your colours, radius and fonts.
Accessible
Keyboard and screen-reader friendly.
Typed
First-class TypeScript support.
Quickstart
- Step 1
Create an account
Sign up for a free developer account.
- Step 2
Generate API keys
Create keys with the scopes you need.
- Step 3
Install the SDK
npm, pip or go get, whichever you prefer.
- Step 4
Ship it
Test on testnet, then switch to mainnet.
Start building in minutes
Create a free developer account and get API keys instantly.