Production‑ready, modern workflow UX built with Vue 3 + Pinia + Tailwind. Design processes visually, manage forms, track instances, and analyze performance — all in one beautiful, responsive UI. 简体中文
- Self‑developed workflow engine — built from scratch, production‑ready, commercially viable
- Visual process designer — drag‑drop nodes, real‑time validation, minimap navigation, undo/redo
- Complete workflow management — process list, instance tracking, form designer, analytics dashboard
- Enterprise‑grade features — data persistence, export/import, keyboard shortcuts, grid snapping, multi‑select
- Process Designer: drag‑drop nodes, connect, validate, export/import
- Forms: gallery with categories and quick actions
- My Work: inbox of pending/started/done, demo flow included
- Process List: filters, sorting, status badges, stats
- Instance Detail: status card, timeline, variables, metrics
- Reports: trends, distribution, hot processes, performance
- Responsive layout and accessible components
- Vue 3 (Composition API)
- Pinia (state management)
- Vue Router 4
- Tailwind CSS
- Vite
Prerequisites: Node.js 16+, npm 8+
npm install
npm run dev
# open the URL printed by Vite (e.g. http://localhost:3001)Build and Preview:
npm run build
npm run preview
src/
├─ assets/
├─ components/
├─ stores/
├─ views/
├─ router/
└─ utils/
- Keyboard help panel (optional)
- Alignment guides and connection redraw (optional)
- Virtualization for huge canvases (>100 nodes) (optional)
PRs welcome! If you plan a larger change, please open an issue to discuss first. Keep PRs focused and small where possible.
- Issues: bug reports, feature ideas, questions are appreciated
- Stars: if this project helps you, please give it a star — it helps others discover it
This project is licensed under the MIT License - see the LICENSE file for details.