Web UI (HTML + JSON Interface)

Average Rating:  
X Rating Failed

Create a web-based user interface with blueprints.

  • Supported Target Platforms
  • Supported Engine Versions


The WebUI plugin allows developers to create rich web-based user interfaces with blueprints. It's powered by the web browser built into UE4 and includes support for Windows, Mac, Linux, Android, and iOS (4.21+). This plugin also has a robust JSON library that provides integrated management of objects, arrays, and primitive data types. It comes with an example project that demonstrates a startup map with a volume slider and FPS counter.

Technical Details


  • Create web-based user interfaces with blueprints
  • Manage JSON objects, arrays, and primitive data types
  • Cross-platform support for PC and mobile

Code Modules:

  • WebUI (Runtime)

Number of Blueprints: 2

Number of C++ Classes: 5

Network Replicated: No

Supported Development Platforms: Win64, Mac, Linux

Supported Target Build Platforms: Win64, Win32, Mac, Linux, Android

Documentation: http://cdn.tracerinteractive.com/webui/documentation.pdf

Example Project: http://cdn.tracerinteractive.com/webui/example.zip

Important/Additional Notes: This plugin has no third-party dependencies because it uses the web browser built into the engine. It includes multiplayer support by removing the browser in dedicated server builds without changing any blueprint classes. There's also support for Android (4.19+) and iOS (4.21+) using the native mobile browsers.


  • 2018/10/22 - Added LoadContent() and directory option to LoadFile()
  • 2018/08/14 - Added initial mobile support for Android (4.19+)

In a future release the Windows, Mac, and Linux versions of this plugin will be updated to the WebKit layout engine. This will dramatically improve performance by allowing the FPS of the web browser to be in sync with the FPS of the game. It would also provide the opportunity for future support on console platforms.



Previous Next
  • Edit
  • Preview
  • Help
Login to comment
X Report this Comment
X Attention

X Edit this Comment
  • Edit
  • Preview
  • Help
X Remove this Comment

Are you sure you want to remove this comment?

X Attention