Blueprint Viewer

approved

by megestus

Render UE Blueprint / Material graph text as interactive diagrams in your notes. - This plugin has not been manually reviewed by Obsidian staff.

12 downloadsUpdated 5d agoMIT

Blueprint Viewer

English | 中文

Render UE Blueprint / Material graph text as interactive diagrams directly in your Obsidian notes.

Usage

Use a blueprint code block and paste the blueprint text copied from UE:

```blueprint
Begin Object Class=K2Node_VariableGet ...
...
End Object
```

Options

Set options on the first line inside the code block:

```blueprint
MyBlueprintName
<blueprint text>
```

Or with explicit key=value:

```blueprint
height=600 name=MyBlueprint
<blueprint text>
```
OptionDefaultDescription
height643Render area height (px)
nameautoName label shown next to the copy code button; if the first line is a plain word (not starting with Begin Object and not a key=value pair), it is used as the name

Interaction

ActionDescription
Ctrl + scrollZoom
Left-dragPan canvas
Double-click nodeEnter sub-graph (collapsed nodes)
Graph buttonReturn to top level
All buttonFit all nodes (wheel zoom will prompt to click Reset afterwards)
Reset buttonReset to 1:1
copy codeCopy blueprint text to clipboard

Copying Blueprint Text from UE

  1. In the UE Blueprint editor, select nodes (or Ctrl+A to select all)
  2. Ctrl+C to copy
  3. Paste into a ```blueprint code block in Obsidian

Technical Notes

  • Renderer is a modified version of BlueprintUE Self-Hosted Edition (MIT License)
  • Packaged as a <blueprint-viewer> Web Component, compiled into an Obsidian plugin via esbuild
  • Modifications: left-drag pan, translate3d GPU acceleration (fixes zoom lag), All fit-to-screen button, copy code, name label, All-mode wheel-zoom hint
  • Desktop only (isDesktopOnly: true), mobile not supported

License & Attribution

Plugin License

This plugin is released under the MIT License — see LICENSE.

Third-Party Attribution

The rendering engine code comes from BlueprintUE Self-Hosted Edition:

  • Rendering engine: BlueprintUE render.js (MIT)
  • Stylesheet: BlueprintUE render.css (MIT)

Original project info:

This plugin is built on top of the original with modifications (left-drag pan, translate3d GPU acceleration, All button, copy code, etc.), and retains the original copyright notice per MIT license terms.

Support

If this plugin helps you, consider buying me a coffee ☕

AlipayWeChat Pay

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.