/
Build website pages, HTML, motion, code, and embedded editor documents.
Choose the node’s reported editor surface, drive iframe-backed f0 documents or same-window Designer artifacts with their native tools, then save and close cleanly.
Apply GSAP timelines, scroll effects, hover/click behavior, and interaction choreography to an upstream live website draft.
Separate structure/styles, animation, and interactive code into focused nodes whose draft chain stays live when upstream work changes.
Retired compatibility node for existing graphs that flattened ordered HTML. New flows connect current Section editor outputs directly into Website Studio, then use HTML Export for delivery files.
Generate, revise, and hand-edit one responsive website section while keeping its upstream copy, media, and design-system inputs connected.
Use the Document Editor card in Website Studio mode for a multi-page site, or follow the separate Video Timeline preset guide when the same card is initialized with projectType video.
Generate or revise website structure, copy, responsive CSS, and simple behavior as a live draft that later Motion, Code, Section, or Document Editor nodes can continue editing.
Retired compatibility node for existing graphs only. Do not confuse legacy HTML_SECTION with the current UNIFIED_SECTION, shown in Add as Agentic Web and Interactive element.
Extend a live website draft with React/TSX, canvas, WebGL, Three.js, particles, data visualization, or other code-backed interaction when HTML and Motion are not enough.
Generate a scripted/interactive web component (React/canvas/WebGL/particles) from a description — build it standalone or enhance a connected HTML section, with optional reference images, assets, a 3D
Generate a complete brand design system — palette, typography, spacing, elevation — from a brand name, industry and mood, via an agentic loop that screenshots and scores itself, then apply or save it.