OpenFLOW – Quickly make beautiful infrastructure diagrams local to your machine
10 months ago
- #progressive-web-app
- #isometric-diagramming
- #open-source
- OpenFLOW is an open-source Progressive Web App (PWA) for creating isometric diagrams.
- Built with React and Isoflow, it supports offline use and runs entirely in the browser.
- Features include auto-save every 5 seconds, privacy-first local storage, and import/export via JSON.
- Supports drag-and-drop components, connectors for relationships, and customization of items.
- Navigation includes pan and zoom, with auto-save and quick save options.
- Diagrams can be managed via Storage Manager, exported for backup, or deleted.
- Supports undo (Ctrl/Cmd + Z), zoom (mouse wheel), and pan (click and drag).
- Production builds can be deployed to static hosting services like GitHub Pages, Netlify, etc.
- Requires HTTPS for PWA features (except localhost) and has a browser storage limit of ~5-10MB.
- Recommended browsers include Chrome, Edge, Firefox, Safari, and mobile browsers with PWA support.
- Troubleshooting tips include using Storage Manager, exporting backups, and ensuring HTTPS.
- Built with React, TypeScript, Isoflow, and follows PWA principles.
- Open for contributions under MIT license, built with the Isoflow library.