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.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.
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).
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:
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.
For a deeper look at these examples, see Code Examples.
