Frame
Canvas-in-canvas element
The Frame node is a container-like visual element used to group and organize other nodes within a pre-defined boundary. It functions as a structured layout region, often used to represent panels, sections, or modular components on the canvas.
Built using a combination of primitive shapes, the Frame node can include a title, background, border, and optional interactive handles. It supports nesting of child Nodes, making it ideal for modular UIs, flow sections, or structured diagrams.
Usage
Register the Node
Then register the node on the Weave class instance.
const instance = new Weave({
...
nodes: [
...,
new WeaveFrameNode(),
]
})Use the node
Once the node is registered you can use it on Actions or Plugins or even other Nodes.
We provide an action named Frame Tool that allows users to add Frame nodes to the application.