# bytedance/flowgram.ai

FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.

Repository: https://github.com/bytedance/flowgram.ai
Canonical: https://ross.abutalabs.com/products/flowgramai
Homepage: https://flowgram.ai
Language: TypeScript
License: MIT
License Family: permissive
Topics: flow, flowchart, graph, javascript, node-based-ui, react, typescript, typescript-library, workflow, ai, diagram, visualization, automation, data-flow, integration-framework, no-code, workflow-automation, coze
Last push: 2026-08-20T04:16:09+00:00

## Health v2 (maintenance only)
Score: 82/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 98, release rhythm 86, longevity 40
- inputs: {"age_days": 562, "days_push": 13, "days_rel": 13, "gap_med": 2.0, "n_releases_24m": 97}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 8393, forks 765 (observed 2026-08-28T04:10:20.850110+00:00)

## What it is
FlowGram is a TypeScript/React workflow development framework and toolkit from ByteDance for building AI workflow platforms. It provides a visual flow canvas (free and fixed layouts), node configuration forms, a variable scope engine, and ready-made materials like LLM, Condition, and Code Editor nodes.

## Use cases
- build a custom AI workflow platform with a visual node editor
- create a node-based flow canvas in React
- add drag-and-drop workflow orchestration to my app
- build a low-code automation builder with forms and variables
- embed an LLM pipeline editor in a web app
- alternative to ReactFlow for workflow-specific use cases
- visualize and edit data-flow graphs in the browser

## When to choose
- you need a full workflow editor with canvas, forms, and variable management out of the box
- you are building an AI agent or LLM orchestration platform like Coze
- you want workflow-specific features (variable scope chains, node forms, validation) that generic graph libraries lack
- you prefer a React/TypeScript stack with MIT licensing

## When to avoid
- you only need simple static diagram rendering or flowchart display
- you want a ready-to-use end-user workflow platform rather than a framework to build one
- your stack is not React/TypeScript
- you need a backend workflow execution engine only, without a visual editor

## Facets
- artifact type: framework
- maturity: active
- function: workflow-automation, frontend-framework, ui-components, form-handling, state-management, data-visualization, agent-framework
- domain: web-development, frontend, artificial-intelligence, developer-tools
- platform: browser
- tags: node-based-ui, flow-canvas, visual-workflow-editor, low-code, no-code, react, diagram-editor, variable-scope, coze, bytedance, ai-agents, automation, nodejs, web-server, typescript

## Member repositories
- bytedance/flowgram.ai (main) score 82

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:20.850110+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:27:19.721070+00:00, confidence not recorded.
  - readme: https://github.com/bytedance/flowgram.ai (fetched 2026-08-28T04:10:20.850110+00:00, sha f99fae28fe6c)
  - homepage: https://flowgram.ai (fetched 2026-08-29T08:27:39.672893+00:00, sha f28d9cbf5a6c)
  - site_page: https://flowgram.ai/guide/getting-started/introduction.html (fetched 2026-08-29T08:27:39.682076+00:00, sha ad36b0cffbc4)
  - site_page: https://flowgram.ai/auto-docs/index.html (fetched 2026-08-29T08:27:39.684662+00:00, sha 44b554f913a6)
  - site_page: https://flowgram.ai/guide/getting-started/introduction (fetched 2026-08-29T08:27:39.686368+00:00, sha b4272a8c23dd)
- Data as of 2026-08-30T08:39:29.467469+00:00.