Skip to main content

​
Overview

The Frontend Element Node is your frontend-to-backend connection point. It acts as a hook that connects user interactions in your frontend directly to your VibeFlow workflows. Think of it as the bridge between what users do in your app and the powerful backend logic you build.

​
How It Works

The Frontend Element Node is simply a visual starting point for your workflow. It represents the entry function that your frontend will call to trigger the backend workflow - no configuration needed, just drag it in and connect it to other nodes.

​
Connections

Frontend Element nodes are the starting point of workflows - they have no inputs, only outputs. Output to: Any node type:
  • Query nodes (fetch and display data)
  • Mutation nodes (save data)
  • Agent nodes (AI processing)
  • HTTP Request nodes (API calls)
  • For Loop nodes (batch processing)
  • If-Else nodes (conditional logic)

Query Node

Fetch data triggered by frontend interactions

Mutation Node

Save data from frontend forms and inputs

If-Else Node

Validate frontend data before processing

Agent Node

Process frontend data with AI