Skip to content

Add <lit-isoflow> to Real World / Components - #134

Open
eviltik wants to merge 1 commit into
web-padawan:mainfrom
eviltik:add-lit-isoflow
Open

eviltik wants to merge 1 commit into
web-padawan:mainfrom
eviltik:add-lit-isoflow

Conversation

@eviltik

@eviltik eviltik commented Jul 13, 2026

Copy link
Copy Markdown

Adds <lit-isoflow> under Real World → Components, in alphabetical order.

A viewer and editor for isometric infrastructure diagrams — a React-free port of Isoflow/FossFLOW as a single Lit element. Upstream is a React app (React, MUI, zustand, immer, gsap, react-quill), so it cannot be embedded outside React; this keeps the isometric projection, the A* connector routing and the model format (JSON, interchangeable with Isoflow/FossFLOW), and rewrites the view layer as a custom element. Three runtime dependencies: lit, zod, pathfinding.

Notable beyond "another wrapper":

  • A DOM-free SVG renderer ships alongside the element (lit-isoflow/render), sharing its geometry engine — so the same diagram renders identically in the browser and in a Node pipeline (PDF, docs, CI), with no headless browser.
  • Three modes on one element: viewer, editor, and static rendering.
  • MIT, live demos, unit tests in CI, integration guide, published as lit-isoflow on npm.

There is currently no diagramming component in the list, so this fills a gap rather than duplicating an entry.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant