/embed
Embed it in your LMS or site
The simulator can be embedded as an iframe and driven through cross-window messages.
- 1.0 Embed with preview mode so editing controls are hidden.
- 2.0 Send a project document from the parent page via postMessage.
- 3.0 Listen for ready and project-loaded notifications.
Built for learning portals. Use preview mode for a read-only experience.
iframe
<iframe
src="https://app.iot-ftunp.ikaparmadewi.id/?preview"
title="CircuitLab"
width="100%"
height="640"
style="border:0;border-radius:4px"
loading="lazy"
></iframe>postMessage
// Send a project from the parent page into the simulator
const frame = document.querySelector("iframe").contentWindow;
frame.postMessage(
{ type: "circuit-simulator:load-project", document: projectJson },
"https://app.iot-ftunp.ikaparmadewi.id"
);
// Listen for the ready notification
window.addEventListener("message", (event) => {
if (event.data?.type === "circuit-simulator:project-loaded") {
console.log("Project loaded in the simulator");
}
});Virtual web console
Click a route to see a sample response, just like the Web tab in the app.
GET /ledon → 200 <h1>LED ON</h1>
Built for learning portals. Use preview mode for a read-only experience.
Build your first circuit
The simulator runs in your browser. No install, no account.