icon

FossFLOW

FossFLOW is a powerful open-source Progressive Web App for creating beautiful isometric infrastructure diagrams. Built with React, it features offline support, auto-save, custom icons, and supports major cloud providers (AWS, Azure, GCP, Kubernetes).

template cover
Deployed1 times
Publishercanyugs
Created2025-10-19
Services
service icon
Tags
DiagrammingProductivityPWADesign

FossFLOW

FossFLOW is an open-source Progressive Web App for creating stunning isometric infrastructure diagrams directly in your browser. With server-side persistent storage and optional Git backup integration, your diagrams are safe and accessible across devices.

Features

  • Isometric Diagramming: Create beautiful 3D-style infrastructure diagrams
  • Auto-Save: Diagrams automatically save every 5 seconds to persistent storage
  • PWA Support: Works offline and can be installed as a desktop/mobile app
  • Icon Libraries: Pre-loaded icons for AWS, Azure, GCP, Kubernetes, and more
  • Custom Icons: Upload and use your own custom icons
  • Import/Export: Share diagrams as JSON files
  • Git Backup: Optional automatic commits to Git for version control

Usage

  1. Open FossFLOW at your domain
  2. Start creating diagrams - they're automatically saved to /data/diagrams
  3. Import/export diagrams as JSON files
  4. Toggle between isometric and flat icon styles

Configuration

  • ENABLE_SERVER_STORAGE (default: true) - Enables persistent storage on the server
  • ENABLE_GIT_BACKUP (default: false) - Enables automatic Git commits (requires Git configuration inside container)
  • STORAGE_PATH (default: /data/diagrams) - Where diagrams are stored in the container
  • BACKEND_PORT (default: 3001) - Backend server port

Documentation