Full SaaS prototype

Diagram editor, project cloud, and WordPress embeds.

This prototype shows the product layer around a draw.io-style tool: projects, collaboration-ready storage, export controls, team settings, and a canvas editor that saves diagrams in the browser.

0Projects

3Team seats

8Exports today

Visual editor

Conceptual frameworks, causal diagrams, methodology flows, and client-ready exports.

Account layer

Workspaces, research teams, project ownership, and plan limits for paid SaaS use.

WordPress ready

Saved diagrams can be embedded with a future shortcode or Gutenberg block.

Recent diagrams

Saved in this browser for the prototype. A production version would use a database.

Diagram

Select an object to edit it, or choose a tool and click the canvas.

Project name

Selected label

Box type

Box position and size

Box actions

Canvas tools Snap to grid Alignment guides

Relationship

Arrow direction

Arrow edit

Line style

Connector route

Evidence strength

Arrow width

Arrow color

Fill color

Text size

Research templates

SaaS settings

The real WordPress plugin would sync these settings with the SaaS backend.

Billing

Free, Pro, and Team plans with Stripe subscriptions and usage limits.

WordPress embed

Use a future shortcode like [diagramcloud id="project-id"] or a Gutenberg block.

Team access

Invite collaborators and choose view, comment, or edit permissions.