Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksAI & automationAutomation workflow canvas

Automation workflow canvas

Adapted

Build it, branch it, ship it. Trigger, condition and action steps wired on a real React Flow canvas, with add/duplicate/delete from a toolbar or right-click menu.

React FlowNode canvasContext menu
React · CSS
Origin & adaptation notes

Adapts the ReUI flow-1 automation workflow canvas: trigger/condition/action node types built on @xyflow/react, a NodeToolbar (add step, duplicate, delete) on the selected node plus a matching right-click context menu, free-form connecting between handles, and a docked inspector that edits the selected step’s title and detail live. Steps and connections are synthetic and stay in this preview.

Curated adaptation. Synthetic data only. No production APIs.

PreviousAI chatNextPipeline run canvas
Built with intention. Shared with the team.GauchoCode UI Gallery ✳