Morphē — The Visual Canvas for System Design

Design, prototype, and formalize systems visually. Drag nodes, connect workflows, and let λεξις be the code behind every diagram.

Three Ways to Use Morphē

L1–L2

Visual Thinker

Drag and drop nodes, connect them visually. No code required. Design flowcharts, architecture diagrams, and data pipelines with a familiar canvas interface.

L3–L4

Human-AI Collaborator

Describe intent in natural language — the escape hatch translates it to λεξις nodes automatically. Review, refine, and iterate alongside the AI in the same canvas.

L5

Formal Methods Engineer

Write λεξις directly. Attach proof obligations, type annotations, and formal invariants to your diagrams. The diagram is the code — no translation layer.

The Node System

Every element in Morphē is a typed node grounded in λεξις primitives. Nodes carry semantic meaning — not just visual shape. Connections encode ontological relationships: data flow, control flow, composition, dependency, and formal proof links.

The five ontological levels (L1–L5) let you move fluidly from informal sketch to formally verified specification within the same canvas. Each level adds precision without forcing premature commitment.

Escape Hatch — From Language to Diagram

Stuck on how to model something? Use the escape hatch. Type a description in plain English (or any language), and Morphē generates the corresponding λεξις node graph — ready to inspect, edit, and formalize further.

The escape hatch is powered by Claude (Anthropic). It requires either your own Anthropic API key or a Morphē proxy plan.

Embed Anywhere

Morphē ships as a standard Lit Web Component — <morphe-canvas>. Drop it into any HTML page, React app, Vue project, or documentation site. Zero framework lock-in.

<script type="module" src="https://cdn.jsdelivr.net/npm/@lexis/morphe-canvas"></script>

<morphe-canvas
  template="blank"
  theme="light"
  api-key="YOUR_ANTHROPIC_KEY"
></morphe-canvas>

Everything in Morphē

A visual canvas grounded in formal semantics, designed for human–AI collaboration from day one. Here’s what you get.

Visual Canvas

Node-based diagram editor

Drag, drop, and connect nodes on an infinite canvas. Pan, zoom, select, and group with standard canvas interactions. Keyboard-first design for power users.

Ten λεξις primitives

Every node is grounded in a λεξις geometric primitive: Entity, Arrow, Join, Fork, Box, Choice, Store, Loop, Proof, Void. No arbitrary shapes — every element has semantic meaning.

Five ontological levels

Move from informal sketch (L1) to formal proof (L5) within the same diagram. Each level adds precision without forcing you to restart or change tools.

Real-time validation

Morphē highlights structural inconsistencies as you draw. Broken edges, orphaned nodes, and invalid level transitions are flagged immediately — not at export time.

Multi-diagram workspace

Work on multiple diagrams side-by-side in a tabbed workspace. Link diagrams via Box primitives for fractal system architecture.

Human-AI Collaboration

Escape hatch

Type a description of any system in natural language. Morphē sends it to Claude and generates the corresponding λεξις node graph — ready to inspect, edit, and formalize further. Requires an Anthropic API key.

AI-generated node icons

Each node can have an AI-generated icon that visually represents its semantic role. Icons are generated on demand and cached locally — no repeated API calls for the same concept.

Proof obligation assist

At L5, Morphē assists with writing formal invariants and proof obligations. Claude reviews your constraints and flags potential contradictions or incomplete specifications.

BYO API key

Your Anthropic API key stays local. Prompts go directly from Morphē to Anthropic — we never see your diagram content. Alternatively, use a Morphē proxy plan for managed access.

Integration & Export

Embeddable web component

Ship Morphē anywhere as a standard Lit Web Component — <morphe-canvas>. Drop it into React, Vue, plain HTML, or documentation sites. Zero framework lock-in. Available via npm and CDN.

Export formats

Export diagrams to SVG (scalable, embed in docs), PNG (1x, 2x, 4x), and .morphe JSON (lossless, version-controlled). Import/export λεξις source text for use outside the canvas.

Local file system

Diagrams are saved as .morphe JSON files — plain text, human-readable, git-friendly. No proprietary binary formats. Works with any version control system.

Link sharing (Proxy plan)

Generate a read-only link to share a diagram snapshot. Recipients view it in a browser without installing anything. No account required to view.