+
+
+
+
01Write Contract
→
02Compile
→
03Deploy
→
04Interact
→
05Generate App
Write & Compile

Author Cairo in the browser editor. Compile via Docker backend and inspect Sierra artifacts instantly.

Deploy & Interact

Gasless deploy to Starknet Sepolia. Call any contract function directly from its ABI — no boilerplate.

Generate Frontend

Scaffold a typed Next.js starter pre-wired to your deployed contract in one click.

Contract Lab Workflow

Five steps from Cairo to shipped app

Write a Cairo contract, compile it, deploy to Starknet, interact with it on-chain, and generate a production-ready frontend — all inside one browser tab.

Browser-first Contract Editor

Author Cairo in the browser, inspect file artifacts, and view terminal output — the full write-to-compile loop in one place.

simple_storage.cairoABI
1
2
3
4
5
6
7
Terminal
[system] Restored draft from local storage.
[build] Compilation successful.
[declare] Class hash ready for Starknet Sepolia.

Compile & Deploy pipeline

Docker-backed compilation produces Sierra artifacts on demand. Declare and deploy gaslessly to Starknet Sepolia in one flow.

Build artifacts ready
01
Declare transaction prepared
02
Sponsored deploy requested
03
Contract interaction unlocked
04
StarkZap-backed sponsored execution stays visible, so you know when a step is local, signed, or paymaster-assisted.

ABI-aware interactions

Load a deployed contract, pull in its ABI, and call functions directly — no hand-rolled calldata, no external tooling.

Contract address
0x04de...b06905
ABI loaded
set(value: felt252)
get() -> felt252
owner() -> ContractAddress
transfer(new_owner: ContractAddress)

Generate a Next.js Frontend

One click scaffolds a typed Next.js starter pre-wired to your contract — hooks, ABI types, and wallet context included.

Generated project
my-contract-app/
Next.js ready
page.tsxentry
useContract.tshook
abi.tstypes
provider.tsxwallet
$ npx create-next-app --example . my-contract-app