SDK quickstart

Configure your read transport

import { createPublicClient, http } from "viem";
import { baseSepolia } from "viem/chains";
import { CTokenClient } from "@inco/ctoken";

// Your app supplies its configured RPC URL or proxy.
const publicClient = createPublicClient({
  chain: baseSepolia,
  transport: http(readRpcUrl),
});
const ctoken = new CTokenClient({
  network: "baseSepolia",
  publicClient,
});

const wrapper = await ctoken.wrapperOf({
  token: "0x036CbD53842c5426634e7929541eC2318f3dCF7e",
});

Add walletClient for wallet balances and transactions: browser setup · Node setup.

Add a confidential wallet

Install the React and UI peers:

npm install react react-dom wagmi @tanstack/react-query motion

import { CTokenProvider } from "@inco/ctoken/react";
import { ConfidentialWallet } from "@inco/ctoken/ui";
import "@inco/ctoken/ui/styles.css";

<CTokenProvider
  network="baseSepolia"
  publicClient={publicClient}
  walletClient={walletClient}
>
  <ConfidentialWallet />
</CTokenProvider>

Omit walletClient for wagmi, pass your client for another wallet, or null/undefined to disconnect.

cToken playground showing the component preview and usage code — Explore component options and copy the generated integration code.

Feature	Configuration
History, discovery, prices	Opt in with `indexer: true` or `indexer: { url }`. Default: off.
Token order and images	Pass tokens in display order with optional `icon` paths/URLs.
Custom deployments	Override `contracts` and `sessionVerifier`.

Feature

Configuration

History, discovery, prices

Opt in with indexer: true or indexer: { url }. Default: off.

Token order and images

Pass tokens in display order with optional icon paths/URLs.

Custom deployments

Override contracts and sessionVerifier.

Get started

Integrations

SDK reference

Indexer & raw APIs

Operations

Add a confidential wallet

Optional features

Run the examples

​Add a confidential wallet

​Optional features

​Run the examples

Add a confidential wallet

Optional features

Run the examples