bytedance/flowgram.ai

Project overview

FlowGram AI is a workflow development framework that provides composable canvas, form, variable, and material components for building visual AI workflow platforms. It is designed for developers who need an extensible toolkit rather than a ready-made, no-code product.

Project type

Workflow · Infrastructure

Use cases

Automation

Deployment

Refer to project documentation

License

MIT

Best for

• Developers who need an extensible framework with a free or fixed layout canvas, form engine, and variable scope chain to build a custom AI workflow platform.

Key capabilities

• Provides a free layout canvas where nodes can be placed anywhere and connected using free-form lines.
• Fixed layout canvas where nodes can be dragged to specified positions, with support for compound nodes like branches and loops.
• Manages the CRUD operations of node data and provides rendering, validation, side effects, linkage, and error-capturing capabilities for node configurations.
• Supports scope constraints, variable structure inspection, and type inference to manage data flow within the workflow.
• Includes built-in ready-to-use materials for workflows such as LLM, Condition, and Code Editor.
• Provides a command-line tool to create a new FlowGram project with templates.

Limitations and risks

• It is not a ready-made workflow platform; it requires development to build yours.

Getting started

• Run npx @flowgram.ai/create-app@latest to create a project, cd into the generated directory (e.g., demo-free-layout), run npm install, execute npm start, and open http://localhost:3000 to begin development.

Evidence and sources

• GitHub project description: 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.
• README: FlowGram is a composable, visual, easy-to-integrate, and extensible workflow development framework & toolkit.
• README: In this demo, we iterate through a list of cities, fetch real-time weather via HTTP, parse temperatures with a Code node, generate outfit suggestions with an LLM, gate by a Condit…
• README: Free layout canvas where nodes can be placed anywhere and connected using free-form lines.
• README: 1. Create a new FlowGram project: ```sh npx @flowgram.ai/create-app@latest ``` > We recommend choosing the `Free Layout Demo ⭐️` template. 2. Start the project: ```sh cd demo-free…

Reviewed at: 2026-07-16T19:04:09Z