Brak opisu

Louis Young a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
.github a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
.vscode a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
apps a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
common a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
config 6b80d48f4d fix: fixed-layout drag element portal (#901) 3 miesięcy temu
e2e eba517510f feat: enhance fixed-layout e2e & add e2e cache (#919) 3 miesięcy temu
packages a8da523e5f perf(docs): make quick start section easier to understand & beautify homepage (#952) 2 miesięcy temu
.gitattributes d7bdf8a078 feat: init flowgram.ai 10 miesięcy temu
.gitignore 867ceb8bc2 fix(materials): json schema title & variable selector long text style (#438) 6 miesięcy temu
CHANGELOG.md 02e48ebdd9 feat(core): add flowing field to LineColor interface (#370) 7 miesięcy temu
CNAME e63645253a chore: add cname 10 miesięcy temu
CONTRIBUTING.md 492ee8ae80 fix: publish config (#828) 3 miesięcy temu
LICENSE f8f5faa3ba fix: license (#925) 2 miesięcy temu
README.md caff7d73ce Update README.md Adoption (#849) 3 miesięcy temu
cspell.json e5d73966b4 fix: license header autoinstall (#455) 6 miesięcy temu
doc_build.sh cbefaa54fb chore: add license header (#432) 6 miesięcy temu
rush.json 006e483888 feat(materials): add demo materials to debug materials in storybook (#911) 3 miesięcy temu

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/dm/%40flowgram.ai%2Fcore )](https://www.npmjs.com/package/@flowgram.ai/editor) [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/bytedance/flowgram.ai) [![掘金](https://img.shields.io/badge/掘金-FFFFFF?logo=juejin&logoColor=%23007FFF)](https://juejin.cn/column/7479814468601315362) [![](https://trendshift.io/api/badge/repositories/13877)](https://trendshift.io/repositories/13877)

📖 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@10.6.5 @microsoft/rush@5.150.0
    
  4. Install project dependencies

    rush install
    
  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!

🌟 Contributors

FlowGram.AI 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.
  • Certimate is an open-source SSL certificate management tool that helps you automatically apply for and deploy SSL certificates with a visual workflow. It is one of the ACME client options listed in the official documentation of Let's Encrypt.

🌟 Contact us