Workflow Builder
含 AI為React應用嵌入生產級可視化工作流編輯器的SDK，並提供開源參考後端與執行引擎整合。
- 每月造訪次數
- 14.2K
- 下降30.9%較上月2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- $7549.2/月
- 同類中最高同類中位數 $55/月
- 首次發布
- 8 個月前
- 2026-03-16 · 估算
訪問
近 12 個月
行銷動作
發布、搜尋與內容、引薦、促銷在 Show HN 發布（3 分）發布
Open-Source Workflow Builder SDK — Hi HN, I'm Maciej, founder of Workflow Builder. Over the last few years our team has been building diagramming and workflow tools for comp…
3 月 16 日 · 8 個月前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2026-03-16查看原文
- 創作者原帖摘錄：
- Hi HN, I'm Maciej, founder of Workflow Builder. Over the last few years our team has been building diagramming and workflow tools for complex systems (industrial automation, AV system design, financial workflows, etc.). One thing we repeatedly noticed while working with clients is that many companies did not want to adopt full workflow automation platforms.
開源倉庫與 Agent 生態
GitHub 開源與智慧體接入
最近提交 2026-10-28
- GitHub 星標
- ★ 47
- 分支數 (Forks)
- 5
- 開源協議
- Apache-2.0
- 主要語言
- JavaScript
流量來源
2026 年 10 月
訪問構成
管道
- 直接訪問41%
- 自然搜尋32%
- 外部引薦10%
- 社交媒體6%
- 其他10%
國家/地區
- 越南15%
- 美國15%
- 印度14%
- 英國14%
- 德國8%
搜尋
站點權重 —網域名稱註冊 2024-10-17
| 關鍵字 | 月搜尋量 |
|---|---|
| workflow builder | 2,210 |
| workflow builder editor | 170 |
| visual editor sdk | 170 |
| suggest me some website show the data execute workflow visualization for specific project | 110 |
| фпутшес срфкеы | 40 |
流量資料：Vaneform
定價
Community Edition
EUR 0
Visual workflow editor (React SDK on NPM) · Reference back-end (engine-agnostic HTTP API) · Temporal integration adapter · Three port interfaces (WorkflowEnginePort, ActivityRunnerPort, EventEmitterPort) · Community support (GitHub issues)
Enterprise Edition
EUR 6,990
Everything in Community Edition · Source code access to Enterprise-only components · Flow Runner plugin (graph traversal helper) · Figma Kit (matched design tokens + components for design teams) · Advanced canvas plugins (ELK auto-layout, smart edge routing, edge reshaping) · Priority GitHub issues
Workflow Setup Sprint
EUR 15,000-25,000
2-4 week sprint · on top of Enterprise license (EUR 6,990) · 1-day discovery workshop with your team · Architecture review (your stack + WB integration) · AI dev environment setup (Claude skills, scaffold tools) · Integration plan with your back-end · 30-day post-handover support
End-to-end services
EUR 50-200k+
Phase 1 discovery and architecture · Full implementation with our engineering team · Custom node libraries, back-end integration, theming · Workflow Builder team owns delivery until production
試用：未提供 · 設企業客製化檔 · 觀察於 2026-10-29 · 原定價頁
入門價 $7549.2/月，同類中最高；「啓動範本與元件」中位數 $55/月。查看定價基準
頁面與變化
開始記錄於 2026-07-31
關鍵頁面
每週快照www.workflowbuilder.io/ 快照 2026-11-02
變化
設計
首屏畫面視覺分析與 :root CSS
深紫背景疊加斜向光帶與藍紫漸層標題，居中粗體排版配發光膠囊按鈕，下方淺色編輯器形成鮮明對比。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Embed a production-ready workflow editor in your React app”
懸浮導航下居中排列雙行標題、說明與雙按鈕，底部承接大幅編輯器截圖。
首屏畫面轉化路徑：標題下方大幅產品介面 + 產品介面截圖或元件示意 → 首屏畫面直接輸入或試用
- 直接行動指令
- 首屏畫面大幅產品介面
色板 · 點擊複製
五維設計評分7.3 / 10
- 字體與排版
- 7.0
- 色彩與對比
- 8.0
- 構圖與留白
- 8.0
- 細節與工藝
- 7.0
- 風格辨識度
- 6.0
結構
- 字體
- Roboto
- 首屏畫面版式
- 標題下方大幅產品介面
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 無顯式背書
- 導航
- 懸浮膠囊導航
- 明暗與密度
- 深色 · 適中
- 圓角與層級
- 大圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：漸層光暈
深色或淺色底上的彩色光暈與半透明玻璃面板，多見於 AI 產品。
## 設計參數
```css
:root {
--background: #100921;
--surface: #eeeff5;
--foreground: #ffffff;
--muted-foreground: #aaaaaf;
--accent: #7935ef;
--radius: 16px;
--font-heading: "Roboto", ui-sans-serif, system-ui, sans-serif;
--font-body: "Roboto", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #100921（約 53%） · 面板 #EEEFF5（約 18%） · 正文 #FFFFFF（約 7%） · 次要文字 #AAAAAF（約 3%） · 強調 #7935EF（約 19%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：標題下方大幅產品介面
- 導航結構：懸浮膠囊導航
- 明暗與密度：深色 · 適中
- 圓角與層級：大圓角；用陰影區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：首屏畫面直接輸入或試用
- 標題切入點：直接行動指令
- 首屏畫面元件特徵：首屏畫面大幅產品介面
- 空間布局拆解：懸浮導航下居中排列雙行標題、說明與雙按鈕，底部承接大幅編輯器截圖。
- 視覺特徵總結：深紫背景疊加斜向光帶與藍紫漸層標題，居中粗體排版配發光膠囊按鈕，下方淺色編輯器形成鮮明對比。
## 避免
- 純平面色塊
- 襯線正文
- Cluttered dense tables in the hero
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- Workflow Builder 的價格是多少？
- Community Edition: EUR 0; Enterprise Edition: EUR 6,990; Workflow Setup Sprint: EUR 15,000-25,000; End-to-end services: EUR 50-200k+. 觀察於 2026-10-29。 當前計費條件、用量限制與稅費以來源頁面為准。來源
- Workflow Builder 的網站造訪次數是多少？
- Vaneform 估算 2026-10 網站造訪次數為 14.2K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- Workflow Builder 是什麼產品，支援哪些平台？
- Workflow Builder 歸屬「啓動範本與元件」市場領域：為React應用嵌入生產級可視化工作流編輯器的SDK，並提供開源參考後端與執行引擎整合。。 支援平台包括：CLI 與 SDK。
- Workflow Builder 是開源專案嗎？採用什麼協議？
- Workflow Builder 擁有公開程式碼倉庫（https://github.com/synergycodes/workflowbuilder），採用 Apache-2.0 協議，記錄有 47 個 GitHub Stars。來源
同分類研究對象
軟體開發 / 啓動範本與元件
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。
| 產品 | 入門價 | 每月造訪次數 | 營收佐證 |
|---|---|---|---|
| 21st成熟標桿為設計工程師和開發者提供可瀏覽、複製並安裝到專案中的 React 與 Tailwind CSS 元件、範本、主題和設計工具。 | $7.5/月 | 2.4M | 未公開 |
| Next.js成熟標桿面向 Web 開發社群、用於構建高品質 Web 應用的全棧 React 框架。 | — | 1.3M | 未公開 |
| Tailwind CSS成熟標桿實用優先的 CSS 框架，幫助開發者直接在標記中組合類來快速構建現代網站。 | — | 1.2M | 未公開 |
| React Bits成熟標桿為開發者提供可客製化的動畫 React 元件、介面區塊、範本和瀏覽器工具。 | $99/月 | 1.1M | $692.92 |
| Element Plus成熟標桿面向設計師和開發者的 Vue 3 元件庫，提供元件、設計指南和設計資源。 | — | 749.1K | 未公開 |
| Angular成熟標桿幫助開發者構建現代、可擴展 Web 應用的框架。 | — | 735.1K | 未公開 |