The diagram enginebuilt for machines.
Glyphic turns typed JSON into deterministic SVG and PNG across 18 diagram types. No headless browser, no canvas to babysit — your model writes the spec, the engine draws it.
Free preview · no sign-in · 3 generations to start
{
"type": "flowchart",
"direction": "LR",
"style": "compact",
"nodes": [
{ "id": "prompt", "label": "Prompt" },
{ "id": "model", "label": "LLM" },
{ "id": "render", "label": "Glyphic" },
{ "id": "out", "label": "Diagram" }
],
"edges": [
{ "source": "prompt", "target": "model" },
{ "source": "model", "target": "render", "label": "JSON" },
{ "source": "render", "target": "out", "label": "PNG" }
]
}
01 — Gallery
The output, up close.
Real diagrams rendered from JSON — click any to zoom in, pan around, and explore the source.
02 — Styles & themes
One diagram. Sixteen looks.
style sets the geometry, theme sets the color — and they compose. Below is the same pipeline, re-rendered live across every combination. No mockups; this is the engine.
Default · dense, soft fills, rounded geometry
03 — Types
Eighteen types, one schema.
A single typed JSON contract spans them all — driven by ELK, D3, and purpose-built layout engines. New type? One registry entry.
04 — Why Glyphic
Mermaid needs a browser. Eraser is a closed app. D2 is a DSL.
Glyphic is the only one built JSON-first for machines — rendered headless, in milliseconds, with byte-identical output you can snapshot in CI. Here's the honest scorecard.
Competitor capabilities summarized from public docs, 2026. Not affiliated.
05 — Integrate
Three ways to render.
Same engine, same deterministic output — whether the model calls it, your server imports it, or you hit the API.
// claude_desktop_config.json
{
"mcpServers": {
"glyphic": {
"command": "npx",
"args": ["-y", "@glyphicjs/mcp-server"]
}
}
}
// Ask: "diagram our OAuth flow."
// The model writes the JSON, Glyphic returns the PNG.Pricing
Free to run. Pay to skip the ops.
The engine is open source forever. The hosted API & MCP are live. Try the playground free, no card required.
- Generations
- Turning a plain-English prompt into a diagram with AI — “describe it, we draw it.”
- Renders
- Turning diagram JSON into an image (SVG/PNG) — every edit-and-re-render or API call.
Free
Kick the tyres in the playground.
- →Playground access (no install)
- →5 AI generations / mo
- →200 renders / mo
- →All 18 types · 4 styles · 4 themes
- →No watermark on output
Starter
For the solo builder shipping with the API.
- →Everything in Free, plus
- →Programmatic API keys
- →75 AI generations / mo
- →10k renders / mo
- →Priority email support
Pro
popularHosted API + MCP, on-brand, none of the ops.
- →Everything in Starter, plus
- →500 AI generations / mo
- →100k renders / mo
- →Custom fonts, icons & themes
- →Hosted MCP endpoint
Team
Volume, seats, and shared brand assets.
- →Everything in Pro, plus
- →2,500 AI generations / mo
- →500k renders / mo
- →5 seats, roles & shared keys
- →Priority render queue
Enterprise
let’s talkScale, security, and self-host on your terms.
- →Custom volume & SLA
- →SSO / SAML
- →Commercial self-host license
- →Dedicated support
07 — Get started
The hosted API & MCP are live.
Describe a diagram and watch it render — free, no sign-in. Or drop your email for changelog & new-feature updates. No spam.