Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Unreal Engine Blueprint ViewerNew to Visual Studio Code? Get it now.
Unreal Engine Blueprint Viewer

Unreal Engine Blueprint Viewer

mayonnaize

|
6 installs
| (0) | Free
Graphically display Unreal Engine Blueprints inside Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Unreal Engine Blueprint Viewer for Visual Studio Code

VS Code Engine License Unreal Engine Local Processing

Visual Studio Code custom editor extension to inspect and navigate Unreal Engine Blueprint (.uasset) graphs directly inside your editor.

Unreal Engine Blueprint Graph Preview


Highlights

  • ⚡ Zero External Setup (In-Process WASM): Parses binary .uasset files directly inside VS Code via embedded WebAssembly (.NET / CUE4Parse). No backend server, Docker container, or Unreal Engine installation required.
  • 🔒 100% Local & Secure: Your assets never leave your machine. No telemetry, no external API requests, and zero network data transfer.
  • 🎨 Familiar Blueprint Visuals: Powered by the official blueprintUE renderer. Accurately displays node pins, execution flows, comments, and data links.
  • 🧭 Interactive Canvas: Smooth pan, zoom, and node dragging.
  • 📑 Multi-Graph Switching: Effortlessly toggle between Event Graphs, Construction Scripts, Functions, Macros, and Widget event graphs via the integrated graph selector.
  • 🧩 Automatic Asset Pairing: Automatically discovers and loads companion .uexp (export data) and .ubulk files located alongside .uasset files.

Getting Started

  1. Install the extension from the VS Code Marketplace or package as .vsix.
  2. Open any workspace containing Unreal Engine project files.
  3. Click on any .uasset Blueprint file in the File Explorer.
  4. The graph renders automatically in a custom editor tab.

Switching Graphs

When an asset contains multiple graphs (e.g., EventGraph, Construction Script, Functions):

  • Use the Graph dropdown selector in the top-right toolbar to switch graphs instantly.

Alternative Editors

To open the file with another editor (e.g., binary or hex viewer):

  • Right-click the file tab and choose Reopen Editor With... (View: Reopen Editor With...).

Controls

Action Control
Pan Canvas Right-click drag or Middle-click drag
Zoom In / Out Mouse wheel scroll
Move Node Left-click drag on node header
Switch Graph Top-right toolbar dropdown

Compatibility

Supported Unreal Engine Versions

  • Unreal Engine 4: 4.27
  • Unreal Engine 5: 5.0, 5.1, 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8

Supported Asset Types

  • Blueprint Class (.uasset + .uexp)
  • Widget Blueprint Class (UMG)
  • Actor, Component, and GameMode Blueprints

Architecture & Privacy

This extension operates entirely client-side within VS Code Webviews:

  • Parsing Engine: C# / .NET compiled to WebAssembly (WASM), utilizing a tailored CUE4Parse pipeline.
  • Renderer: Standalone blueprintUE canvas runtime isolated within sandboxed Webview contexts.
  • Zero Network Footprint: Operates completely offline with strict Content Security Policy (CSP).

License

MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft