Install OnchainKit using Remix
Install Remix
Install OnchainKit
@coinbase/onchainkit
package.Get A Client API Key
.env
file in your project’s root directory..env
file:app/root.tsx
file to provide access to your Client API Key
through window.ENV
:Layout
component of app/root.tsx
to make it available to your app:Add Providers
providers.tsx
file. Add OnchainKitProvider
with your desired config.Under the hood, OnchainKit will create our recommended Wagmi and QueryClient
providers. If you wish to customize these providers, check out Custom
Supplemental Providers.Wrap your app with <AppProviders />
<AppProviders />
component.Import OnchainKit Styles
<AppProviders />
:Identity
– Show Basenames, avatars, badges, and addresses.Wallet
– Create or connect wallets with Connect Wallet.Transaction
– Handle transactions using EOAs or Smart Wallets.Checkout
– Integrate USDC checkout flows with ease.Fund
– Create a funding flow to onboard users.Tokens
– Search and display tokens with various components.Swap
– Enable token swaps in your app.Mint
– View and Mint NFTs in your app.