bytedance/flowgram.ai

What is it?

Key features

• 01Free layout canvas for placing nodes anywhere and connecting them with free-form lines.
• 02Fixed layout canvas with support for compound nodes such as branches and loops.
• 03Form engine for node configuration covering rendering, validation, linkage and error capture.
• 04Variable engine with scope constraints, structure inspection and type inference.
• 05Ready-to-use materials including LLM, Condition and Code Editor nodes.
• 06Project generator to start a demo app with a single command.

Use cases

• Building a custom AI workflow or agent orchestration platform on top of a visual editor.
• Adding a node-based workflow designer to an internal automation tool.
• Creating no-code configuration interfaces where users wire together data-processing steps.
• Prototyping a flowchart-style editor in a React and TypeScript application.

Quick start

1. 1

   Create a new FlowGram project (choose the Free Layout Demo template)

   npx @flowgram.ai/create-app@latest
2. 2

   Enter the project directory and install dependencies

   cd demo-free-layout npm install
3. 3

   Start the project

   npm start
4. 4

   Open http://localhost:3000 in your browser

Things to know

• !It is a framework and toolkit, not a ready-made workflow platform, so you must build your own product on top of it.

Topics

FAQ

What is flowgram.ai?

A TypeScript framework with built-in canvas, form, variable and material components for building AI workflow platforms. FlowGram is a workflow development framework and toolkit for developers who want to build their own visual workflow products. It is not a ready-made workflow platform. Instead, it provides the building blocks: a flow canvas, a node configuration form engine, a variable scope chain, and ready-to-use node materials such as LLM, Condition and Code Editor.

Is flowgram.ai free to use? What license does it have?

flowgram.ai is open source under the MIT license. Check the license terms before using it in commercial products.

Is flowgram.ai still maintained?

Actively maintained. The last commit to flowgram.ai was on Oct 13, 2026.

What can I use flowgram.ai for?

Building a custom AI workflow or agent orchestration platform on top of a visual editor. Adding a node-based workflow designer to an internal automation tool. Creating no-code configuration interfaces where users wire together data-processing steps. Prototyping a flowchart-style editor in a React and TypeScript application.

How do I install flowgram.ai?

Create a new FlowGram project (choose the Free Layout Demo template): npx @flowgram.ai/create-app@latest Enter the project directory and install dependencies: cd demo-free-layout npm install Start the project: npm start Open http://localhost:3000 in your browser

Where can I get flowgram.ai?

The source code and installation instructions are on GitHub: https://github.com/bytedance/flowgram.ai