Skip to main content

React: viewer / embed

A read-only diagram for embedding into product pages: chrome trimmed, edits gated, pan / zoom / select still available. Try dragging a shape β€” nothing moves.

Loading the editor…
import { Editor, type EditorInstance } from "@oh-just-another/editor";

<Editor
initialScene={scene}
hideToolbar
theme="system"
onReady={(editor: EditorInstance) => {
editor.setReadOnly(true);
}}
/>;