hub / github.com/artem-mangilev/ngx-vflow
github.com/artem-mangilev/ngx-vflow @v2.6.0
Chat with this repo
823 symbols
1,565 edges
288 files
20 documented · 2%
● updated 33d agov2.6.0 · 2026-04-26★ 48622 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
ngx-vflow
A powerful Angular library for building node-based UIs
- 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
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 for help and discussions
- Report bugs and request features on GitHub Issues
- Check out the documentation for guides and examples
License
MIT © Artem Mangilev
Extension points exported contracts — how you extend this code
SelectionStrategy (Interface)
(no doc) [4 implementers]
projects/ngx-vflow-lib/src/lib/vflow/interfaces/selection-strategy.interface.ts
LooseConnectionNodeData (Interface)
(no doc)
projects/ngx-vflow-demo/src/app/categories/edges/connections/demo/loose-connection-demo.component.ts
FlowEntity (Interface)
(no doc) [2 implementers]
projects/ngx-vflow-lib/src/lib/vflow/interfaces/flow-entity.interface.ts
FloatingEdgesNodeData (Interface)
(no doc)
projects/ngx-vflow-demo/src/app/categories/edges/floating-edges/demo/floating-edges-demo.component.ts
Selection (Interface)
(no doc)
projects/ngx-vflow-lib/src/lib/vflow/directives/map-context.directive.ts
RopeCurveEdgeData (Interface)
(no doc)
projects/ngx-vflow-demo/src/app/categories/cookbook/rope-curve/demo/rope-curve-demo.component.ts
NodeDragStartEvent (Interface)
(no doc)
projects/ngx-vflow-lib/src/lib/vflow/directives/node-drag-controller.directive.ts
RopeSimulationConfig (Interface)
(no doc)
projects/ngx-vflow-demo/src/app/categories/cookbook/rope-curve/demo/rope-curve-demo.component.ts
Core symbols most depended-on inside this repo
isDefined
called by 49
projects/ngx-vflow-lib/src/lib/vflow/utils/is-defined.ts
model
called by 26
projects/ngx-vflow-lib/src/lib/vflow/directives/drag-handle.directive.ts
nodes
called by 26
projects/ngx-vflow-lib/src/lib/vflow/components/vflow/vflow.component.ts
smoothStepPath
called by 19
projects/ngx-vflow-lib/src/lib/vflow/math/edge-path/smooth-step-path.ts
align
called by 14
projects/ngx-vflow-lib/src/lib/vflow/utils/align-number.ts
edges
called by 12
projects/ngx-vflow-lib/src/lib/vflow/components/vflow/vflow.component.ts
createNode
called by 12
projects/ngx-vflow-lib/src/lib/vflow/interfaces/node.interface.ts
connection
called by 9
projects/ngx-vflow-lib/src/lib/vflow/components/vflow/vflow.component.ts
Shape
Languages
TypeScript100%
Modules by API surface
projects/ngx-vflow-lib/src/lib/vflow/services/flow-status.service.ts36 symbols
projects/ngx-vflow-demo/src/app/categories/cookbook/rope-curve/demo/rope-curve-demo.component.ts30 symbols
projects/ngx-vflow-lib/src/lib/vflow/components/vflow/vflow.component.ts29 symbols
projects/ngx-vflow-lib/src/lib/vflow/directives/template.directive.ts20 symbols
projects/ngx-vflow-lib/src/lib/vflow/interfaces/node.interface.ts17 symbols
projects/ngx-vflow-lib/src/lib/vflow/public-components/resizable/resizable.component.ts15 symbols
projects/ngx-vflow-lib/testing/src/directive-mocks/template-mock.directive.ts14 symbols
projects/ngx-vflow-lib/testing/src/component-mocks/vflow-mock.component.ts13 symbols
projects/ngx-vflow-lib/src/lib/vflow/services/draggable.service.ts13 symbols
projects/ngx-vflow-lib/src/lib/vflow/interfaces/connection-events.interface.ts12 symbols
projects/ngx-vflow-lib/src/lib/vflow/components/node/node.component.ts10 symbols
projects/ngx-vflow-lib/src/lib/vflow/public-components/node-toolbar/node-toolbar.component.ts9 symbols
For agents
$ claude mcp add ngx-vflow \
-- python -m otcore.mcp_server <graph>