Guides

Guide: Render an On-Chain Component

Goal: display a deployed ChainRender component in your web page.

import { renderComponent } from "@chainrender/client/runtime";

const html = await renderComponent({ rpc: "<your-rpc>", router }, "0x<app-hash>");
document.getElementById("app").innerHTML = html;

That single eth_call returns the full HTML, computed on-chain. It's free, and reproducible against any RPC.

Verify it: render the same hash against a different RPC and diff the output — byte-identical. That's the trust guarantee in action. See Contracts → Verifying an App.