Everything you need to put a real-time 3D car configurator in a web page, from the plugin in Unreal to the website around the stream.
Pixel Streaming shows your Unreal scene in a browser. This bundle adds the two things it does not give you: a way for the page and Unreal to talk to each other, and a finished website to talk with.
WHAT IS IN THE BUNDLE
1. Pixel Streaming Bridge (PSB), the Unreal Engine plugin
Sends JSON messages between the web page and your Unreal application: the page sends commands, Unreal answers with events. Bind a Blueprint event to a command, read typed fields from the payload and reply with the page's request id, or handle it in C++. Version 1.1 adds an optional message manifest with payload validation, typed Blueprint payload getters, detailed errors (psb.error) and optional, editor-only AI assistant tools (MCP, beta).
2. Automotive Configurator Web UI, the website (Next.js, React, TypeScript source)
A complete car configurator for your visitors: step flow Model > Trim > Paint > Wheels > Interior > Summary over the live stream, a live total with finance and lease estimates, trim comparison, share links with a QR code, saved builds, quote and test-drive requests, camera presets, screenshots, gallery, and a local control panel to edit vehicles, colours, trims and prices without touching code. Phone, tablet and desktop. Dark design system in your accent colour.
3. The Unreal demo scene (Blueprint-only project, Unreal Engine 5.3 to 5.8)
A ready project that answers every command of the web UI through PSB 1.1: vehicle, trim and colour changes with "applied" replies, refusals with psb.error (the UI rolls the choice back), state sync, camera views, turntable, scenes, time of day, weather and screenshots. One native project for each engine version. Simple shapes stand in for the vehicles; swap in your own cars.
WHY A BUNDLE
The web UI and the demo scene are built on the PSB 1.1 message manifest, so the website, the Unreal handlers and the typings come from one list of messages. You get a working example end to end, and the plugin to build your own.
HOW TO START
1. Install the plugin from Fab and open the demo project for your engine version.
2. Run it with Pixel Streaming and start your signalling server.
3. Unzip the web UI, run pnpm install and pnpm dev, and point it at your signalling server.
4. Edit vehicles, colours and prices in the control panel, then replace the demo shapes with your cars.
WHAT IS NOT INCLUDED
- No signalling server or Pixel Streaming hosting.
- No production car models or materials: the demo scene uses simple shapes.
- No backend or database for quote requests: you connect your own email address or endpoint.
- The car renders in the screenshots are AI-generated stand-ins for the stream of your own Unreal scene; they are not part of the Unreal project.
REQUIREMENTS
Unreal Engine 5.3 to 5.8 with the Pixel Streaming plugin (Windows for the demo scene). Node.js 20.9 or newer and pnpm for the web UI.