Frameworks

Frameworks

• Choose your framework: CanvasFlow runs in any framework. Each one has a small binding with the same pieces, and anything else can use the web host or the custom element.
• React and Next.js: The CanvasFlow component, the headless variant, hooks for reading editor state, and React content inside shapes.
• Vue: Use CanvasFlow in Vue 3 with a component, an event for the editor, and composables that return refs.
• Solid: Use CanvasFlow in Solid with components and primitives that return signals.
• Svelte: Use CanvasFlow in Svelte 3, 4 or 5 with an action that mounts the canvas and stores that follow the editor.
• Angular: Use CanvasFlow in Angular with one function that mounts into an element and returns signals.
• Preact: Use CanvasFlow in Preact with its own hooks, without preact/compat.
• ShadowJS: Use CanvasFlow in a ShadowJS or Dusk app with a component that returns real DOM and signals for the editor's state.
• Web component: Drop a canvas into any framework, or none, with the canvas-flow custom element.
• React Native: A native canvas on iOS and Android with react-native-svg, multi-touch, pen pressure and native text input, sharing the same engine as the web.