Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/ckb-devrel/ccc/llms.txt

Use this file to discover all available pages before exploring further.

The CCC Playground is an integrated testing environment in web browsers that supports data visualization and code-sharing. Run your code without any local setup and watch how it works, exploring CCC’s capabilities in real time.
The playground is the fastest way to learn CKB — no installation, no configuration, just open the link and start coding.

Cell Visualization

Cells are represented graphically in the playground. Each cell is displayed with three concentric layers:
  • Outer ring — the lock script (represents ownership). Cells sharing the same outer ring color have the same lock script.
  • Inner ring — the type script (represents asset type). Cells sharing the same inner ring color have the same type script.
  • Center circle — when filled, indicates that all CKB in this cell is used to store data (no free capacity).
If a cell’s outer and inner rings share the same color, its lock and type scripts are identical. Click on any cell to inspect its full details.

Sharing Code Snippets

The playground uses URL-based sharing. Any code you write can be shared by copying the browser URL — it encodes your snippet directly so others can open it and run the same code instantly. You can also load code from a remote URL using the ?src= query parameter:
https://live.ckbccc.com/?src=<raw-url-to-your-script>
This makes it easy to link directly to examples hosted on GitHub or any public URL.

Loading Examples via URL

Point the playground at any raw TypeScript file using the ?src= parameter. All official examples are hosted on GitHub and can be loaded this way.
ExamplePlayground Link
Transfer native CKBOpen
Transfer all CKBOpen
Sign and verify messageOpen
Transfer UDTOpen
Custom UIOpen
Custom UI with controllerOpen
For a deeper look at these examples, see Code Examples.

Build docs developers (and LLMs) love