OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Developer Tools

Ccc

CCC is an open-source JavaScript and TypeScript developer codebase for building applications in the Nervos CKB ecosystem. It includes packages for Node.js, custom interfaces, web components and React, along with examples and browser-based demos. Its documented capabilities include interacting with CKB nodes, processing blockchain data, composing and signing transactions, and connecting wallets from different chain ec

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Ccc — OpenViST project profile in Developer Tools.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use CCC when developing in JavaScript or TypeScript for CKB and you need reusable tools for node access, transaction workflows, signing or wallet connections. Its examples and browser playground also support learning and short code explorations.

Who it is for

  • JavaScript and TypeScript developers building applications for Nervos CKB.
  • Developers who need CKB node interaction and programmatic blockchain data processing.
  • Teams adding transaction composition, signing or wallet-connection workflows to an application.
  • Learners exploring CKB through code examples and browser demos.

Documented uses

  • Build a CKB application from a framework template or add CCC packages to an existing project.
  • Interact with CKB nodes and process blockchain data programmatically.
  • Compose transactions with helper functions and send them through a signer.
  • Add a wallet connector or create a customized wallet-connection interface.
  • Explore CKB concepts with examples, demos and the browser playground.
Before you choose

Requirements & limits

The repository is public and identified as open source. The README documents browser-based playground and app experiences, as well as package installation and project bootstrapping.

  • Choose among separate packages for Node.js, custom UI, web components and React according to the integration point.
  • The browser playground supports code execution, data visualization and code sharing without the preparation described as necessary for local testing.
  • The advanced /advanced exports are explicitly described as unstable interfaces.
  • CCC's Agent Skills cover CKB-specific topics and are intended to address coding errors caused by EVM-centric assumptions.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Bootstrap a CCC application

Create a starter CCC-based application using the documented CLI prompts.

Before you start

  • Use one of the documented package-manager commands: npx, yarn or pnpm.
  • Choose a framework template when prompted.

Steps

  1. Run the command below, yarn create ccc-app my-ccc-app, or pnpm create ccc-app my-ccc-app.

    Documented command
    npx create-ccc-app@latest my-ccc-app

  2. Follow the prompts to select a framework template.

Expected outcome

A new CCC-based application is bootstrapped from the selected framework template.

Guide limitations

  • The setup instructions do not specify how to run or deploy the generated application.
Documentation 1 ↗
Source-based practical guide

Install a CCC package in an existing project

Add a documented CCC package suited to a Node.js, custom UI, web component or React integration.

Before you start

  • A project using npm.

Steps

  1. Choose the package matching the intended use: @ckb-ccc/shell for Node.js, @ckb-ccc/ccc for custom UI, @ckb-ccc/connector for a web component, or @ckb-ccc/connector-react for React.

  2. Install the chosen package with its documented command, the command below.

    Documented command
    npm install

  3. Import the package exports from @ckb-ccc/ through the ccc object.

Expected outcome

The selected CCC package is installed and its standard exports can be imported into the project.

Guide limitations

  • The advanced /advanced entry point exposes interfaces that the README says are not stable.
Documentation 1 ↗
COMPARE OPTIONS

Compare options for Wallet connections

These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.

ProjectDocumented purposePlatformAccess and requirements
CccBuild a CKB application from a framework template or add CCC packages to an existing project.WebThe repository is public and identified as open source. The README documents browser-based playground and app experiences, as well as package installation and project bootstrapping.
Sample Project GradleConnect a Java web3j application to an Ethereum node.CLI
Eth Nextjs BoilerplateCreate a dApp frontend with wallet connection and an example transaction flow.CLI, Web
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
17 October 2026
Original website title
ckb-devrel/ccc · Official homepage title · retained in its source language
How we review sourcesSuggest a correction