Open-source workflow automation for developers

Build Workflows Like a Developer

Visual editor meets real TypeScript. Drag nodes, write code, debug with breakpoints — and ship with the full power of Node.js.

Typeflow — Workflow Editor
+
truefalse
Webhook
POST /api/incoming
Transform
Parse & validate
{ user: "john", valid: true }
IF
$json.valid === true
HTTP Request
POST api.example.com
200 OK — 42ms
Slack Notify
#deployments
Log Error
Write to error_log
{ level: "error", ts: ... }
Wait & Retry
Delay 30s, max 3
Merge
Combine results

Built for people
who write code.

Not another no-code drag-and-drop toy. Typeflow gives you a visual canvas backed by real TypeScript — with everything you'd expect from a proper dev tool.

TypeScript native

Every node runs real TypeScript. Full IntelliSense, type checking, and autocompletion — no proprietary expression language.

Visual debugging

Set breakpoints on any node, step through execution, inspect input/output data at every stage. Like VS Code, but for workflows.

npm ecosystem

Import axios, zod, lodash, or any of 2M+ packages directly inside your nodes. No wrappers, no restrictions.

Version control

Workflows are JSON. Export them, commit to git, diff changes, roll back. Treat automation like code because it is.

Encrypted credentials

API keys and secrets stored with AES-256 encryption at rest. Reference them in nodes without ever exposing raw values.

Live execution

Run workflows and watch data flow through nodes in real time. Full logging, output preview, and error traces on every run.

Write real TypeScript.
Not YAML.

Each node is a TypeScript function. Import npm packages, define your own types, and access previous node outputs with $json.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
TypeScriptLn 7, Col 23
Packages
npm dependencies
axios1.7.2
zod3.23.8
lodash4.17.21
date-fns3.6.0
Search npm packages...
Type Definitions
Global types for all nodes
1
2
3
4
5
6
7
8
9
10
interface User {
  id: string;
  name: string;
  email: string;
}

type ApiResponse<T> = {
  data: T;
  status: number;
}

Design. Code. Ship.

01Design

Design your workflow visually

Drag nodes onto an infinite canvas and connect them with edges. Define execution order, branching logic, and parallel paths — all without writing config files or YAML.

  • Webhook, HTTP, Transform, IF/Switch, Merge, and Loop nodes out of the box
  • Zoom, pan, and minimap for navigating complex workflows
  • Group nodes into sub-workflows to keep things organized
02Design

Connect to any API or service

Every HTTP node can talk to external APIs. Configure authentication once, reuse it everywhere. Credentials are encrypted and scoped to your organization.

  • OAuth2, API keys, Bearer tokens, and custom auth headers
  • Response mapping with JSONPath and dot notation
  • Automatic retries with configurable backoff strategies
03Code

Write TypeScript in every node

Each node is a real function — not a config block. Import npm packages, handle errors, transform data. The browser-based editor gives you IntelliSense, type checking, and syntax highlighting.

  • Full access to Node.js built-ins and the npm ecosystem
  • Type-safe input/output — downstream nodes know the shape of your data
  • Shared utility modules across nodes in the same workflow
04Code

Branch, loop, and merge

Build real control flow. IF nodes evaluate expressions and split into branches. Switch nodes handle multiple cases. Loop nodes iterate over arrays. Merge nodes recombine parallel paths.

  • Expression language with access to all upstream data via $json
  • Error branches that catch failures and route to fallback logic
  • Parallel execution across branches with automatic synchronization at merge points
05Ship

Debug with real breakpoints

Set breakpoints on any node. When execution hits one, it pauses — you can inspect the input data, the output, and the full execution context. Step through nodes one by one or resume.

  • Inline data inspector showing the exact payload at each stage
  • Execution timeline with duration and status per node
  • Console output from each node captured and displayed in the editor
06Ship

Test with live data

Trigger workflows manually with sample payloads, or send a real webhook. Watch execution flow through the canvas in real time — nodes light up as they run, and you see the output immediately.

  • Pin test payloads to workflows for repeatable testing
  • Partial execution — run from any node forward with mock input
  • Diff view comparing output between runs
07Ship

Deploy and scale

When it works, ship it. Workflows run on a BullMQ-backed job queue — they survive crashes, retry on failure, and scale horizontally. Version history lets you roll back any time.

  • Persistent queue with at-least-once delivery guarantees
  • Cron triggers for scheduled execution
  • Execution logs with full replay capability

The full picture

From idea to production in one tool.

No glue code between services. No context switching between tools. Design, write, debug, and deploy — all in the same editor.

100%
TypeScript
Real code, not config
0
Vendor lock-in
Open source, self-hosted
<5min
To first workflow
From install to running
Scalability
BullMQ-backed job queue
Visual CanvasIntelliSenseBreakpointsnpm PackagesWebhooksCron TriggersEncrypted CredentialsExecution LogsVersion HistorySelf-Hosted

Ready to automate?

Typeflow is free, open-source, and built for developers. Set it up in minutes and start building workflows today.