Acasă Explorează Ajutor
Înregistrare Autentificare
open_flow
/
bytedance-flowgram
oglindă de https://github.com/bytedance/flowgram.ai.git
2
0
Bifurcare 0
Fisiere Probleme 0 Wiki

Fără Descriere

Arbore: a6d61d347e
Ramuri Etichete
bytedance-flowg...
ZIP TAR.GZ
小智 a6d61d347e feat: add customizable port colors to WorkflowPortRender (#360) 7 luni în urmă
.github 8a6b50ba78 chore: add fixed layout node case (#294) 7 luni în urmă
.vscode aab4183d65 feat(runtime): flowgram workflow node.js runtime (#304) 7 luni în urmă
apps a6d61d347e feat: add customizable port colors to WorkflowPortRender (#360) 7 luni în urmă
common aab4183d65 feat(runtime): flowgram workflow node.js runtime (#304) 7 luni în urmă
config ec6e5abe23 docs: free-layout-simple docs error (#245) 7 luni în urmă
e2e c320ab61e9 feat(demo-fixed-layout): update initialData (#341) 7 luni în urmă
packages a6d61d347e feat: add customizable port colors to WorkflowPortRender (#360) 7 luni în urmă
.gitattributes d7bdf8a078 feat: init flowgram.ai 10 luni în urmă
.gitignore 9aca28063e chore: add e2e config (#280) 7 luni în urmă
CNAME e63645253a chore: add cname 10 luni în urmă
CONTRIBUTING.md c21422fd20 chore: migrate to bytedance 10 luni în urmă
LICENSE d7bdf8a078 feat: init flowgram.ai 10 luni în urmă
README.md 95f5225660 fix: npx @flowgram.ai/form-materials cli (#203) 8 luni în urmă
cspell.json aab4183d65 feat(runtime): flowgram workflow node.js runtime (#304) 7 luni în urmă
doc_build.sh 60f7ace69d chore: add memory (#306) 7 luni în urmă
rush.json 3552cc2227 chore: fix runtime publish nad docs css (#357) 7 luni în urmă

README.md

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/dw/%40flowgram.ai%2Fcore )](https://www.npmjs.com/package/@flowgram.ai/editor)

📖 Documentation

📦 Packages

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

🎮 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

  1. Install Node.js 18+

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

  2. Clone the repository

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

  3. Install required global dependencies

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

  4. Install project dependencies

    rush update

  5. Build the project

    rush build

  6. 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!

Stats

Repo Stats

🌟 Contributors

FlowGram.AI Contributors

🌟 Contact us