Unreal Engine Blueprint Viewer for Visual Studio Code
Visual Studio Code custom editor extension to inspect and navigate Unreal Engine Blueprint, Widget Blueprint, Animation Blueprint, and Material (.uasset) graphs directly inside your editor.
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.
- 📑 Hierarchical Graph Navigation: Navigate Event Graphs, Construction Scripts, Functions, Macros, Anim Graphs, State Machines, States, and Transitions by stable graph ID from the sidebar or linked nodes.
- 🧱 Material Graphs: Inspect Material Output, expressions, connections, comments, parameters, and Material Function references.
- 🧩 Automatic Asset Pairing: Automatically discovers and loads companion
.uexp (export data) and .ubulk files located alongside .uasset files.
Getting Started
- Install the extension from the VS Code Marketplace or package as
.vsix.
- Open any workspace containing Unreal Engine project files.
- Click a supported
.uasset file in the File Explorer.
- 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 GRAPHS section in the left sidebar 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 |
Left sidebar GRAPHS list |
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
- Animation Blueprint (verified with UE 4.27, 5.3, 5.6, and 5.8 fixtures)
- Material (verified with UE 4.27, 5.3, 5.6, and 5.8 fixtures)
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.
| |
