Skip to main content

Overview

VibeFlow lets you build powerful backend workflows visually or through AI. Connect nodes to create APIs, automations, and data pipelines, with a built-in database and optional frontend. Here are the key concepts you need to understand.

Workflows

A workflow is a visual representation of your backend logic. Think of it as a flowchart where each box (node) performs a specific task, and arrows show how data flows between them.

Visual Logic

Connect nodes visually instead of writing code

Real-time Testing

Test your workflows instantly as you build

Nodes

Nodes are the building blocks of workflows. Each node performs a specific function, like fetching data, sending emails, or making decisions.

Node Categories

Handle database operations and data management
  • Query: Fetch data from your database
  • Mutation: Create, update, or delete data
  • Collection: Work with arrays and collections
Start workflows based on events
  • Frontend Element (Start Node): Connect to UI components and kick off a workflow
  • Webhook: Receive incoming HTTP requests from external services
  • Cron: Run workflows on a schedule
Essential building blocks for backend logic
  • Return: Send a response back to the caller
  • HTTP Request: Call external APIs and services
Control how data moves through your workflow
  • If-Else: Branch logic based on conditions
  • Edit Fields: Transform and reshape data between nodes
  • Code: Write custom logic when you need full control
  • For Loop: Iterate over lists of items
Add intelligence and connect to third-party services
  • Agent (AI): AI-powered processing and decisions using LLMs
  • MCP Tools: Connect to Model Context Protocol tool servers
  • Stripe: Accept payments and manage subscriptions
  • Email: Send emails via Resend

Connections

Connections are the arrows between nodes that show how data flows through your workflow. Data from one node becomes input for the next node.

Variables & Data

VibeFlow automatically passes data between nodes, but you can also use variables to store and reuse data throughout your workflow.

Data Sources:

  • Frontend Input: Data from forms, user interactions
  • Database: Information stored in your database
  • API Responses: Data from external services
  • Node Output: Results from previous nodes in the workflow

Credits & Features

VibeFlow provides free credits to get you started with all features included.

Best Practices

Name Things Clearly

Use descriptive names for workflows and nodes

Test Early & Often

Test workflows as you build them

Next Steps

Now that you understand the core concepts, here’s what to do next:

Quick Start Guide

Build your first workflow in 5 minutes

Node Reference

Learn about all available nodes