Download
Features Pricing Manifesto

Editor

Embeds, diagrams, and math

Glyph can render Mermaid diagrams, HTML, SVG, KaTeX math, callouts, and Details blocks inside notes.

Mermaid, HTML, and SVG

Insert

In Rich mode, type / in an empty paragraph and choose Mermaid chart, HTML embed, or SVG embed from the slash menu.

Or write a fenced code block in Markdown:

```mermaid
flowchart TD
  A[Start] --> B[End]
```
```html
<div>Hello</div>
```
```svg
<svg viewBox="0 0 100 40" xmlns="http://www.w3.org/2000/svg">
  <text x="10" y="25">Glyph</text>
</svg>
```

Preview

In Rich mode, edit the code in the block, then click Run preview on that block to render it.

In Preview mode, Glyph renders Mermaid, HTML, and SVG for you. You do not click Run preview there.

Sandbox

HTML and SVG run in a sandbox with no network access. Scripts cannot fetch remote URLs. Keep embeds self-contained: inline styles, local markup, and data you place in the block.

Math (KaTeX)

Write inline math with single dollar signs:

The area is $a = \pi r^2$.

Write display math with double dollar signs:

$$
E = mc^2
$$

In Rich mode you can also type / and choose Inline equation or Display equation. Glyph opens the equation editor. Enter KaTeX-compatible LaTeX, then press ⌘/Ctrl+Enter to apply.

Click an existing equation in Rich mode to edit it again. Use the same shortcut to save.

Callouts

Callouts use a blockquote with a type marker. Supported kinds: info, tip, success, warning, error.

> [!info]
> Background context for the reader.

> [!tip]
> A short practical suggestion.

> [!success]
> The step completed.

> [!warning]
> Watch this edge case.

> [!error]
> Something failed.

In Rich mode, slash inserts Info callout, Tip callout, Success callout, Warning callout, and Error callout for you.

Details blocks

Details blocks hide content until you expand them. Insert Details block from the slash menu, or write HTML-style details in Markdown:

<details>
<summary>Label</summary>

Hidden content goes here.

</details>

Readers click the summary to open or close the section.

Caveats

  • Embeds need a language tag (mermaid, html, or svg) on the fence.
  • Rich mode needs Run preview after you change Mermaid, HTML, or SVG code.
  • Sandboxed embeds cannot reach the network.
  • Math follows KaTeX. Unsupported LaTeX packages will not render.
  • Slash inserts for embeds and callouts work only in an empty paragraph in Rich mode.