UE5.7 Pixel Streaming 2 & React Frontend UI Integration Plugin Dev

Demo video: https://www.youtube.com/watch?v=otKd35mwnx8

Breakdown video: (A breakdown video will be released very soon.)

About this Project

This is a demo of an architectural configurator where the UI and data are managed by a React frontend, while Unreal Engine handles high-fidelity rendering, materials, and prop swapping.

The system was originally developed for high-rise residential projects using a custom plugin I have been building in my downtime. Due to NDAs, I have replaced the original building data with hospital assets from Evermotion for this demonstration.

Design Target

  • Decoupled Architecture: React-based UI integrated with Unreal Engine via Pixel Streaming 2 data channels.

  • Data-Driven Workflow: All scene configurations, including material lists and object IDs, are managed and parsed through CSV files.

  • MVVM System: Ensures stable state synchronisation between the web frontend and engine actors.

  • Artist-Friendly Design: Developed from the view of an architectural artist to help make scene setup in Unreal Engine easier.

I currently work full-time as a UE architectural artist and taught myself to code. I find building tools very interesting and I am always learning new things.

During this development, I realised there are still many parts of the MVVM setup that I can improve. I am now looking for a suitable role where I can focus on helping other artists have a better workflow.