mirrors/isoflow
1
0
Fork 0
mirror of https://github.com/markmanx/isoflow.git synced 2025-01-31 15:12:31 +00:00
Code Issues Projects Releases Packages 2 Wiki Activity Actions
No description
488 commits 2 branches 88 tags 2.9 MiB
TypeScript 98.1%
JavaScript 1.4%
Dockerfile 0.3%
HTML 0.2%
Find a file
Vacharanon 56621f3a27
fix: shows grid when in edit mode
2024-04-01 22:36:26 +01:00
.circleci fix: forces case sensitive dir names through Git 2023-07-25 16:31:06 +01:00
.codesandbox fix: corrects CodeSandbox setup script 2023-10-04 23:18:46 +01:00
.vscode refactor: integrates the renderer with react 2023-07-20 16:45:54 +01:00
docs feat: adds standalone build and a Dockerfile 2024-04-01 22:34:46 +01:00
src fix: shows grid when in edit mode 2024-04-01 22:36:26 +01:00
webpack feat: adds standalone build and a Dockerfile 2024-04-01 22:34:46 +01:00
.eslintrc feat: enables dragging of connector anchors 2023-10-07 18:58:42 +01:00
.gitignore chore: configures CI 2023-03-16 21:27:09 +00:00
.nvmrc feat: imports isopacks as separate package 2023-10-03 15:44:27 +01:00
.prettierrc refactor: integrates the renderer with react 2023-07-20 16:45:54 +01:00
Dockerfile feat: adds standalone build and a Dockerfile 2024-04-01 22:34:46 +01:00
jest.config.js feat: implements group rendering (UI not implemented yet) 2023-07-26 13:04:27 +01:00
LICENSE Adds license 2023-03-08 20:35:02 +00:00
package-lock.json feat: adds image export options to toggle grid and change bg color 2024-03-26 23:22:27 +00:00
package.json feat: adds standalone build and a Dockerfile 2024-04-01 22:34:46 +01:00
README.md feat: updates readme 2023-11-09 01:50:40 +00:00
tsconfig.json feat: updates anchor connector schema 2023-10-04 17:56:55 +01:00

README.md

readme-header

Isoflow Editor | Documentation | Github | Discord

An open-source React component for drawing network diagrams.

License: MIT CircleCI

Key Features

  • Highly visual drag and drop interface: Express your architecture with icons, regions and connectors.
  • Customizable: Easily extend Isoflow with your own icons.
  • Export options: Export diagrams as code or images.

Roadmap

🛠 v1.0: In progress

  • More control over connector segments
  • Connector labels
  • Group layer re-ordering (bring forward / send to back)
  • Custom colours
  • Export diagrams as images
  • Main menu customisation
  • Center diagram in middle of canvas
  • Shortcuts (undo / redo, copy / paste)

✅ v0.6: Complete

  • Basic view controls (pan / zoom)
  • Nodes, connectors & groups
  • Import / export diagrams to local storage (in JSON format)
  • Icon support for AWS, GCP, Azure, K8S & generic network hardware (e.g. server, database)
  • onModelUpdated callback
  • Documentation
  • Pipeline for publishing to NPM

Quick start

Install the Isoflow editor npm package and isopacks (icon packages):

  • npm install isoflow
  • npm install @isoflow/isopacks

For more information, see our documentation.

CodeSandbox demo

Demo the latest version of Isoflow on CodeSandbox. The sandbox will always be synced with the main branch on the Github repo, and also includes the latest version of the developer documentation.

Using Isoflow commercially?

Isoflow is free to use for personal and commercial projects. If you're using Isoflow commercially, please consider sponsoring the project (please get in touch).

Contributing