Download
flowy is a minimal JavaScript library for building interactive flowchart-style interfaces in web applications, allowing developers to create node-based editors, automation builders, or visual programming tools with relatively little code. It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. The library focuses on simplicity and aesthetics, offering a clean look out of the box that can be customized with your own CSS, making it suitable for dashboards, SaaS products, or internal tools. Events emitted by flowy enable integration with your own data model, so you can sync block positions, connections, and metadata back to a database or application state. It is framework-agnostic, so it can be dropped into vanilla JavaScript projects or wrapped inside React, Vue, or other frameworks.
Features
- Drag-and-drop creation and repositioning of flowchart blocks on a canvas
- Connectable nodes with visual links that represent data or control flow
- Framework-agnostic JavaScript API that can be integrated with vanilla JS or modern front-end frameworks
- Customizable appearance via CSS so flowcharts can match an app’s design system
- Event hooks for reacting to block moves, connection changes, and user interactions
- Lightweight footprint focused specifically on flowchart functionality rather than full-blown diagramming suites
Project Samples
