https://github.com/artem-mangilev/ngx-vflow
An open source library to build node-based UI with Angular 16+
https://github.com/artem-mangilev/ngx-vflow
angular drag-and-drop flow flowchart graph javascript node-based-ui typescript
Last synced: 5 months ago
JSON representation
An open source library to build node-based UI with Angular 16+
- Host: GitHub
- URL: https://github.com/artem-mangilev/ngx-vflow
- Owner: artem-mangilev
- License: mit
- Created: 2023-12-09T07:41:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-24T12:21:36.000Z (5 months ago)
- Last Synced: 2026-01-24T23:44:09.523Z (5 months ago)
- Topics: angular, drag-and-drop, flow, flowchart, graph, javascript, node-based-ui, typescript
- Language: TypeScript
- Homepage: https://www.ngx-vflow.org/
- Size: 15.8 MB
- Stars: 441
- Watchers: 9
- Forks: 39
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-node-based-uis - ngx-vflow - An open source library to build node-based UI with Angular (Javascript Libraries / Renderers)
- awesome-starred - artem-mangilev/ngx-vflow - An open source library to build node-based UI with Angular 16+ (TypeScript)
- awesome-angular - ngx-vflow - An open source library to build node-based UI with Angular. (Third Party Components / UI Libraries)
- fucking-awesome-angular - ngx-vflow - An open source library to build node-based UI with Angular. (Third Party Components / UI Libraries)
README
# ngx-vflow
[](https://www.npmjs.com/package/ngx-vflow)
[](LICENSE)
[](https://discord.gg/RavS5ydTJV)
**A powerful Angular library for building node-based UIs**
[Documentation](https://www.ngx-vflow.org/) • [API Reference](https://www.ngx-vflow.org/api)
---
- **Declarative API & Full Customization** - Custom nodes, edges, and handles with Angular components
- **Subflows** - Create nested flows with parent-child relationships
- **Interactive Connections** - Create, validate, and reconnect edges
- **Rich Interactions** - Dragging, selecting, zooming, panning, and keyboard shortcuts
- **Precise Control** - Snap to grid, alignment helpers, and custom backgrounds
- **Navigation** - Built-in minimap
- **Performance** - Virtualization and lazy loading for large graphs
- **Reactivity** - Uses Signals to keep internal and external states in sync
- **Layout Algorithms** - Integration with any layouts
## Installation
```bash
npm install ngx-vflow --save
```
## Version Compatibility
| ngx-vflow | Angular |
| --------- | --------- |
| v0.x | v16.2.0+ |
| v1.x | v17.3.12+ |
| v2.x | v19.2.17+ |
## Community & Support
- Join our [Discord community](https://discord.gg/RavS5ydTJV) for help and discussions
- Report bugs and request features on [GitHub Issues](https://github.com/artem-mangilev/ngx-vflow/issues)
- Check out the [documentation](https://www.ngx-vflow.org/) for guides and examples
## License
MIT © [Artem Mangilev](https://github.com/artem-mangilev)