Fără Descriere

9 Ramuri

Louis Young ac33fad7e8 fix(demo): click move out button should clear invalid lines (#696)		4 luni în urmă
.github	f048f6390d fix: cli polyfill (#365)	7 luni în urmă
.vscode	aab4183d65 feat(runtime): flowgram workflow node.js runtime (#304)	7 luni în urmă
apps	ac33fad7e8 fix(demo): click move out button should clear invalid lines (#696)	4 luni în urmă
common	5d9242e2a0 chore(material): add flow-value utils and fix some bugs (#686)	4 luni în urmă
config	758cbc355a chore: upgrade typescript (#551)	5 luni în urmă
e2e	cbefaa54fb chore: add license header (#432)	6 luni în urmă
packages	71a2b4ad78 fix(free-layout): move line.uiState.className and style to parent div (#693)	4 luni în urmă
.gitattributes	d7bdf8a078 feat: init flowgram.ai	10 luni în urmă
.gitignore	867ceb8bc2 fix(materials): json schema title & variable selector long text style (#438)	6 luni în urmă
CHANGELOG.md	02e48ebdd9 feat(core): add flowing field to LineColor interface (#370)	7 luni în urmă
CNAME	e63645253a chore: add cname	10 luni în urmă
CONTRIBUTING.md	082321bcdb docs(readme): optimize command and version for rush setup (#396)	6 luni în urmă
LICENSE	d7bdf8a078 feat: init flowgram.ai	10 luni în urmă
README.md	61399214d7 chore: add trending badget (#677)	5 luni în urmă
cspell.json	e5d73966b4 fix: license header autoinstall (#455)	6 luni în urmă
doc_build.sh	cbefaa54fb chore: add license header (#432)	6 luni în urmă
rush.json	167b376498 feat(material): type-editor (#613)	5 luni în urmă

FlowGram.AI

FlowGram is a node-based flow building engine that helps developers quickly create workflows in either fixed layout or free connection layout modes. It provides a set of interaction best practices and is particularly suitable for visual workflows with clear inputs and outputs.

In the current AI boom, we are also focusing on how to empower workflows with AI capabilities, hence the AI suffix in our name.

[![License](https://img.shields.io/github/license/bytedance/flowgram.ai)](https://github.com/bytedance/flowgram.ai/blob/main/LICENSE) [![@flowgram.ai/editor](https://img.shields.io/npm/dm/%40flowgram.ai%2Fcore )](https://www.npmjs.com/package/@flowgram.ai/editor) [![](https://trendshift.io/api/badge/repositories/13877)](https://trendshift.io/repositories/13877)

📖 Documentation

📦 Packages

Package	Description	Version
@flowgram.ai/create-app	App Creator
@flowgram.ai/fixed-layout-editor	Fixed Layout Editor
@flowgram.ai/free-layout-editor	Free Layout Editor

🎮 Examples

Fixed Layout

Fixed layout where nodes can be dragged to specified positions, with support for compound nodes like branches and loops.

Free Layout

Free layout where nodes can be placed anywhere and connected using free-form lines.

🚀 Getting Started

# create demo
npx @flowgram.ai/create-app@latest

# in PowerShell
npx "@flowgram.ai/create-app@latest"

# select demo
- fixed-layout # full-feature overview
- free-layout # full-feature overview
- fixed-layout-simple # basic usage
- free-layout-simple # basic usage

🔨 Development

Install Node.js 18+

nvm install lts/hydrogen
nvm alias default lts/hydrogen # set default node version
nvm use lts/hydrogen

Clone the repository

git clone git@github.com:bytedance/flowgram.ai.git

Install required global dependencies

npm i -g pnpm@9.12.0 @microsoft/rush@5.140.1

Install project dependencies
```
rush install
```
Build the project
```
rush build
```

Run docs or demo

rush dev:docs # docs
rush dev:demo-fixed-layout
rush dev:demo-free-layout

After that, you can start to develop projects inside this repository.

Enjoy it!

🌟 Contributors

🌟 Adoption

Coze Studio is an all-in-one AI agent development tool. Providing the latest large models and tools, various development modes and frameworks, Coze Studio offers the most convenient AI agent development environment, from development to deployment.
NNDeploy is a workflow-based multi-platform ai deployment tool.

🌟 Contact us

Issues: Issues
Lark: Scan the QR code below with Register Feishu to join our FlowGram user group.

README.md