Flutter Web Demo — SceneWeave SDK

A Flutter Web shell consuming the SDK through the universal JSON contract. The same approach works for React, Angular, Vue, and native apps.

Open editor

https://app.beancraft.coffee/studio

Flutter Web · v3.22

SDK embedded via iframe bridge

SceneWeave Editor

project: proj_coffee_ad_001 · scene_01 / shot_01_A

Subtitle: "Start your morning with clarity."

Bridge active

dartsceneweave

SceneWeaveEditorBridge(
  projectId: "proj_coffee_ad_001",
  sceneGraphUrl: "/api/projects/proj_coffee_ad_001/scene-graph",
  onTimelineChanged: handleTimelineUpdate,
  onExportCompleted: handleExportCompleted,
)

Selected bridge: iframe

Mount the editor inside a Flutter HtmlElementView and hand over the project ID.

dartsceneweave

final iframe = html.IFrameElement()
  ..src = 'https://sdk.sceneweave.dev/editor?project=proj_coffee_ad_001'
  ..style.border = '0';

platformViewRegistry.registerViewFactory(
  'sceneweave-editor',
  (int _) => iframe,
);