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

# CCC — CKBers' Codebase

> A one-stop TypeScript/JavaScript SDK for building on the CKB blockchain. Connect wallets, compose transactions, and integrate tokens or NFTs in minutes.

CCC (CKBers' Codebase) is the official TypeScript/JavaScript SDK for the [CKB (Nervos Network)](https://docs.nervos.org/) blockchain. It gives you everything you need to connect wallets from multiple chains, compose and sign transactions, and work with CKB-native protocols like UDT tokens and Spore NFTs.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Bootstrap a new CKB app or install CCC into an existing project in minutes.
  </Card>

  <Card title="Installation" icon="package" href="/installation">
    Choose the right package for your use case — React, Node.js, or custom UI.
  </Card>

  <Card title="Connect Wallets" icon="wallet" href="/guides/connect-wallet">
    Integrate CCC's wallet connector to support MetaMask, JoyID, UniSat, OKX, and more.
  </Card>

  <Card title="Send CKB" icon="paper-plane" href="/guides/send-ckb">
    Compose and broadcast your first CKB transfer transaction.
  </Card>
</CardGroup>

## What you can build

<CardGroup cols={2}>
  <Card title="Multi-Wallet Apps" icon="link" href="/guides/connect-wallet">
    One connector component reaches users from EVM, BTC, Nostr, and native CKB wallets.
  </Card>

  <Card title="Token Transfers" icon="coins" href="/guides/udt-tokens">
    Mint, transfer, and query UDT (User Defined Token) balances on CKB.
  </Card>

  <Card title="On-Chain NFTs" icon="image" href="/guides/spore-nfts">
    Create, transfer, and melt Spore Protocol NFTs stored entirely on-chain.
  </Card>

  <Card title="Blockchain Data" icon="database" href="/concepts/client">
    Query blocks, cells, and transactions from mainnet or testnet using the CCC Client.
  </Card>
</CardGroup>

## Get started in three steps

<Steps>
  <Step title="Install CCC">
    Pick the package that fits your stack and install it.

    ```bash theme={null}
    npm install @ckb-ccc/connector-react   # React apps
    npm install @ckb-ccc/shell             # Node.js / scripts
    npm install @ckb-ccc/ccc              # Custom UI
    ```
  </Step>

  <Step title="Connect a wallet">
    Wrap your app in the `Provider` and call `open()` to show the wallet selector.

    ```tsx theme={null}
    import { ccc } from "@ckb-ccc/connector-react";

    export function App() {
      return (
        <ccc.Provider>
          <YourApp />
        </ccc.Provider>
      );
    }
    ```
  </Step>

  <Step title="Send your first transaction">
    Use the `Signer` to compose and broadcast a CKB transfer.

    ```typescript theme={null}
    const tx = ccc.Transaction.from({
      outputs: [{ lock: toLock, capacity: ccc.fixedPointFrom("100") }],
    });
    await tx.completeInputsByCapacity(signer);
    await tx.completeFeeBy(signer);
    const txHash = await signer.sendTransaction(tx);
    ```
  </Step>
</Steps>

<Tip>
  Try CCC instantly in the browser — no setup required — at [live.ckbccc.com](https://live.ckbccc.com/).
</Tip>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.