flowmoHelp Center

flowmo Help Center

Generate an Interactive element in Flowgen - flowmo Help

All help topics

Categories

Dashboard & Account

Getting started

Media & editors

Websites & code

Automations & apps

Review & updates

Learned from Support

In this category

360 Panorama node: generate and inspect an equirectangular world Blend node: modes, opacity, and optional masking Blur node: Gaussian softness or lens bokeh Branch a flow with Route & Switch Bring a 3D model into Flowgen with 3D Model Upload Bring a clip into Flowgen with Video Upload Bring an HTML file into Flowgen with HTML Source Bring an image into Flowgen with Image Upload Bring audio into Flowgen with Audio Upload Build a Custom Code node Build a site content machine: read, structure, save, query, and publish Channels node: split red, green, blue, and alpha Color Correction node: tone, color, and white balance Color Palette node: dominant swatches and reusable hex data Combine with AI node: place one image layer into another Compare node: before/after wipe for images, masks, and video Continue a clip with Extend Video Crop node: free crop and exact aspect presets Current image, video, music, and generative-edit workflows Depth Blur node: local focus maps and lens bokeh Depth Map node: local monocular depth for blur and 3D relief Effects node: 116 live GPU looks for images and video Extract / Merge: take apart, combine, and type connected values Extract Output node: choose one source output without transforming it Field Mapper node: reshape records for pages and post types Find Pages node: query a site collection or guard duplicates Flowgen editing nodes: local adjustments, mattes, depth, comparison, and effects Flowgen fields and wires: cards, sidebar, source order, and output selection Gen Effect node: preset or custom Seedream image treatments Generate an Interactive element in Flowgen Image Upscale node: plain, on-device, and paid AI methods Import Media From Your Canvas Selection Invert node: reverse RGB color or alpha transparency Items List: typed records, AI Fill, views, and repetition Levels node: input points, gamma, and output range List Iterator: replace the deprecated Group Repeater Mask by Text node: local-first prompted segmentation Mask Extractor node: alpha, luminance, or local subject masks Matte Grow / Shrink node: refine mask edges Merge Alpha node: apply a mask as transparency Object Select node: click, add/remove objects, boxes, cutouts, and masks Page Template node: turn a designed page into fillable fields Photopea node: edit a connected image and save it back to Flowgen Publish Site node: send a saved Website to Preview or Live Read a Page node: scrape one website into text and data Reels & Aspect node: reframe a video for a new canvas shape Resize node: scale pixels or change the canvas Retired HTML Section and HTML Combine: migration guide Retrieve Brain context with Knowledge Search Rotate & Flip node: quarter turns and mirrored images Route current values through Lists and Transform Save a Page node: create or update one site entry Shot Design Gen node: build or revise one editable shot Shot Motion Gen node: trim, retime, reframe, and animate a shot Text Prompt Input: Feed Words Into Generators Trim Video node: choose a frame-aware start and end Upload Your Own Image, Video, Audio, PDF, HTML or 3D Model Use a PDF Document input in Flowgen Use the Brain Read and Write presets Video & Motion Editor node: legacy embedded video documents Video Alpha Over node: layer an image or clip over a background video Video Analysis node: scenes, transcript, subjects, and dead parts Video Captions node: add supplied or transcribed captions Video Depth Fog / Blur: bake depth-of-field or compose it in Video Render Video Depth Map node: bake a depth clip or pass depth into Video Render Video Mask by Text retired: migrate saved Flowgen canvases Video Matte node: green-screen and on-device subject removal Video to GIF node: trim, sample, resize, and loop View an Items List as a grid or fullscreen carousel

Browse help Node reference

All help topics

Categories

Dashboard & Account

Getting started

Media & editors

Websites & code

Automations & apps

Review & updates

Learned from Support

In this category

360 Panorama node: generate and inspect an equirectangular world Blend node: modes, opacity, and optional masking Blur node: Gaussian softness or lens bokeh Branch a flow with Route & Switch Bring a 3D model into Flowgen with 3D Model Upload Bring a clip into Flowgen with Video Upload Bring an HTML file into Flowgen with HTML Source Bring an image into Flowgen with Image Upload Bring audio into Flowgen with Audio Upload Build a Custom Code node Build a site content machine: read, structure, save, query, and publish Channels node: split red, green, blue, and alpha Color Correction node: tone, color, and white balance Color Palette node: dominant swatches and reusable hex data Combine with AI node: place one image layer into another Compare node: before/after wipe for images, masks, and video Continue a clip with Extend Video Crop node: free crop and exact aspect presets Current image, video, music, and generative-edit workflows Depth Blur node: local focus maps and lens bokeh Depth Map node: local monocular depth for blur and 3D relief Effects node: 116 live GPU looks for images and video Extract / Merge: take apart, combine, and type connected values Extract Output node: choose one source output without transforming it Field Mapper node: reshape records for pages and post types Find Pages node: query a site collection or guard duplicates Flowgen editing nodes: local adjustments, mattes, depth, comparison, and effects Flowgen fields and wires: cards, sidebar, source order, and output selection Gen Effect node: preset or custom Seedream image treatments Generate an Interactive element in Flowgen Image Upscale node: plain, on-device, and paid AI methods Import Media From Your Canvas Selection Invert node: reverse RGB color or alpha transparency Items List: typed records, AI Fill, views, and repetition Levels node: input points, gamma, and output range List Iterator: replace the deprecated Group Repeater Mask by Text node: local-first prompted segmentation Mask Extractor node: alpha, luminance, or local subject masks Matte Grow / Shrink node: refine mask edges Merge Alpha node: apply a mask as transparency Object Select node: click, add/remove objects, boxes, cutouts, and masks Page Template node: turn a designed page into fillable fields Photopea node: edit a connected image and save it back to Flowgen Publish Site node: send a saved Website to Preview or Live Read a Page node: scrape one website into text and data Reels & Aspect node: reframe a video for a new canvas shape Resize node: scale pixels or change the canvas Retired HTML Section and HTML Combine: migration guide Retrieve Brain context with Knowledge Search Rotate & Flip node: quarter turns and mirrored images Route current values through Lists and Transform Save a Page node: create or update one site entry Shot Design Gen node: build or revise one editable shot Shot Motion Gen node: trim, retime, reframe, and animate a shot Text Prompt Input: Feed Words Into Generators Trim Video node: choose a frame-aware start and end Upload Your Own Image, Video, Audio, PDF, HTML or 3D Model Use a PDF Document input in Flowgen Use the Brain Read and Write presets Video & Motion Editor node: legacy embedded video documents Video Alpha Over node: layer an image or clip over a background video Video Analysis node: scenes, transcript, subjects, and dead parts Video Captions node: add supplied or transcribed captions Video Depth Fog / Blur: bake depth-of-field or compose it in Video Render Video Depth Map node: bake a depth clip or pass depth into Video Render Video Mask by Text retired: migrate saved Flowgen canvases Video Matte node: green-screen and on-device subject removal Video to GIF node: trim, sample, resize, and loop View an Items List as a grid or fullscreen carousel

/

/

/

Help Center/Flowgen Node Reference/Generate an Interactive element in Flowgen

New to flowmo? Email this guide

Email addressEmail me this guide and flowmo product updates. Opening the emailed guide confirms my email for updates. I can unsubscribe at any time.

Generate an Interactive element in Flowgen

Use the Agentic Web card with the interactive preset to create a code-backed interactive section without enabling the motion or 3D capability flags by default.

Use the Agentic Web card with the interactive preset to create a code-backed interactive section without enabling the motion or 3D capability flags by default.

Where: Flowgen → Add → Website → Interactive element

Key ideas

Preset contract: The Add action creates UNIFIED_SECTION with capabilities interactive:true, motion:false, three_d:false and sectionType interactive.
Shared agentic card: It reuses UnifiedSectionNode: prompt, orchestrator/model, references/media, design system, source HTML/CSS, generation stages, review, versions, and reasoning appear on the card/sidebar contract.
Opened surfaces: Open preview/reasoning during generation and the embedded f0 editor for direct structural, responsive, code, interaction, motion, or 3D refinement after the draft exists.

Steps

Add Interactive element and describe the input, state, response, and accessibility behavior—not only its appearance.
Connect content, media, design-system, Brain, or skill references.
Generate and test the interaction in preview.
Open the embedded editor for direct refinement and save the native section back to Flowgen.

Limitations and important notes

The preset starts with motion and 3D capability flags off; add/refine those deliberately in the appropriate editor workflow.

Related guides

Create an editable website section in Flowgen
Add interactive web code with the Flowgen Code node
Edit Flowgen editor documents through MCP

Was this article helpful?

Related Articles

Flowgen Node Reference

Depth Map node: local monocular depth for blur and 3D relief

Estimate scene depth from one image locally with Depth Anything V2, then output grayscale, inverted, or Turbo-colored depth at source, 1K, or 2K size.

Flowgen Node Reference

Gen Effect node: preset or custom Seedream image treatments

Apply one of 18 generative visual treatments—or a custom instruction—to a connected image with Seedream 5 Pro Edit.

Flowgen Node Reference

Save a Page node: create or update one site entry

Bind a site collection, map typed fields, resolve stable entry identity, save a draft or published record, mirror images, and preserve concurrent versions.

Flowgen Node Reference

List Iterator: replace the deprecated Group Repeater

Use a paired source Items List and Results List for every new repeated row workflow. Group Repeater, loop groups, and Group Batch mode are deprecated and remain available only so existing canvases can