This project demonstrates building workflow apps with Vue Flow and Vue.js.
Vue Flow is a library for flowchart diagrams. This project shows quickstart and best practices:
- Drag and drop nodes ๐ฑ
- Connect nodes โก๏ธ
- Customize nodes โ๏ธ
- Pass data between nodes ๐ค
- Save/restore workflows ๐พ
https://chat-bot-workflow.vercel.app/
Try the live demo ๐ฅ
These steps will get you started:
- Prerequisites: Node.js (v16+) and pnpm
- Clone the repo
- Install dependencies with
pnpm install
- Start dev server with
pnpm run dev
- App will be at http://localhost:5173/
- Vue Flow - Flowchart
- Vue.js - Framework
- Tailwind CSS - Styling
- Shadcn-vue - UI components
- Vite - Build tool
Feel free to open PRs to contribute fixes or improvements!