3D HMI & MACHINE
INFORMATION SYSTEM

Live-connected to your real machine. 3D data, documentation, maintenance information, and live machine status — in one browser link.

realvirtual WEB 3D-HMI showing live OEE metrics, machine nameplate data, and real-time production charts in browser
play_circleTry Live Demo

Your machine — live in the browser. realvirtual WEB replaces traditional desktop HMI and SCADA visualization with a modern 3D experience. Connect to real PLCs via WebSocket or MQTT and see live machine states in 3D: drive positions, sensor readings, alarms, KPIs. Attach maintenance guides, technical drawings, and spare part lists directly to 3D components. Technicians click a part and see everything they need — documentation, live status, and maintenance history — on any device, without installing anything. Unlike flat panel HMIs, operators see what is happening, where it is happening, and why.

What It Does

A full-featured 3D HMI platform that runs entirely in the browser

monitor_heart

Live 3D HMI

Replace desktop HMI applications with a browser link. Real-time PLC signal visualization via WebSocket or MQTT. Drive monitoring, sensor states, KPI overlays, alarm dashboards, and production charts powered by Apache ECharts. Faster fault diagnosis, better situational awareness.

description

Machine Information System

Attach documents, maintenance guides, spare part lists, and manuals directly to 3D components. Technicians click a part and see its documentation in context. The EU Machinery Regulation 2023/1230 (effective January 2027) now enables fully digital machine documentation — realvirtual WEB is ready.

conveyor_belt

Transport Simulation

Full in-browser simulation at 60 Hz: conveyor surfaces, sources, sinks, sensors with collision, grippers, and material flow.

account_tree

LogicStep Sequencing

Serial/parallel containers, signal conditions, delays, drive commands — compatible with realvirtual.io Professional. Use it for interactive sales demonstrators or step-by-step maintenance instructions.

vrpano

WebXR (VR/AR)

Runs on all AR and XR devices out of the box — Meta Quest, Apple Vision Pro, HTC Vive, Android/iOS AR. No native builds, no app store submissions, no device-specific compilation. One URL works everywhere.

groups

Multiuser Sessions

Real-time collaboration with avatars, shared camera views, role management, and late-join state sync.

extension

Plugin Architecture

Extend with custom plugins for project-specific HMI, KPI dashboards, maintenance workflows, and industrial interfaces.

chat

Microsoft Teams Integration

Embed interactive 3D digital twins directly in Teams meetings and channels.

smart_toy

AI-Ready (MCP)

Built-in Model Context Protocol bridge lets AI assistants inspect, control, and debug the running viewer through natural language.

Built for Industrial Reality

3D HMI / Operator Dashboards

Web-based HMI connected to real PLCs. Live signal visualization, KPI overlays, drive monitoring — replacing desktop HMI applications with a browser link. Remote monitoring and support from anywhere. Kiosk mode for shopfloor panels.

Machine Information System

Technicians open a link on their tablet, click on a motor or valve, and see documentation, maintenance history, and real-time status — all in 3D context. The EU Machinery Regulation 2023/1230 (January 2027) enables digital-only documentation — realvirtual WEB delivers it with version control via Gitea and 10+ year availability.

Sales & Product Presentation

Interactive 3D models in the browser. More convincing than slides, more accessible than installed software. Share a link — done.

Product Configurators

Build browser-based 3D configurators where customers select options, variants, and accessories — rendered in real time.

Training & Onboarding

Operators learn machine behavior interactively before touching the real system. No software installation, no VPN, no IT department.

Remote Acceptance & Support

Share virtual commissioning models with customers for review and sign-off — worldwide, instantly.

Two Paths to Your Digital Twin in the Browser

Use realvirtual WEB with or without Unity — both paths are fully supported.

realvirtual.io Professional

Full Digital Twin Pipeline

  • CAD import, behavior modeling, virtual commissioning
  • 25+ native PLC/robot protocol drivers
  • One-click GLB export with all metadata
  • Simulation, kinematics, signal bindings included
OR

Any GLB/glTF Source

No Unity License Required

  • Blender, SolidWorks, Fusion 360, CATIA, NX, …
  • Add signal bindings via open rv_extras schema
  • Custom behavior via TypeScript plugins and loader components
  • Standard 3D format — export from any CAD or 3D tool
arrow_forwardGLB

realvirtual WEB

Browser-Based 3D HMI

  • Live PLC connection via WebSocket, MQTT, or DataHub
  • 3D HMI with KPIs, alarms, documentation
  • Plugin system for custom dashboards
  • Runs on any device — desktop, tablet, VR/AR

Built on Open Standards

3D RenderingThree.js (WebGL + WebGPU + WebXR)
UI FrameworkReact 19 + MUI 7
ChartsApache ECharts 5
Build ToolVite 6
LanguageTypeScript 5.7
TestingVitest + Playwright (1300+ tests)

Live Connected to Your Machines

A complete infrastructure for live 3D HMI, historical data, and document management

device_hub

realvirtual DataHub

Connects all PLC controllers (Siemens, Beckhoff, OPC UA, …) with realvirtual WEB via WebSocket. Central gateway for all machine signals.

timeline

InfluxDB Integration

Historical data storage for trends, KPI analysis, and predictive maintenance. Query and visualize machine history directly in the 3D HMI.

history

Gitea Revision Management

Version control for HMI configurations, machine documentation, and maintenance guides. Track changes, roll back, and audit all modifications.

inventory_2

Asset Administration Shell

Online AAS registry and local AASX file import. Industry 4.0 standard for interoperable digital twins and machine metadata.

storage

PDM Metadata Import

Import component metadata from custom PDM systems. Link 3D components to your existing product data management.

picture_as_pdf

PDF Document Management

Link your full machine documentation — PDFs, technical drawings, spare part lists — directly to 3D components and failure messages. Technicians click a part or alarm and see the relevant document instantly.

sync_alt

WebSocket Realtime

Bidirectional PLC signal streaming — direct connection without Unity in the loop

cloud_sync

MQTT

IoT and cloud connectivity for distributed systems

precision_manufacturing

Bosch Rexroth ctrlX

Direct ctrlX CORE integration

AI-First Approach

realvirtual WEB is fully AI-enabled through the Model Context Protocol (MCP). AI assistants can design, build, test, and debug digital twins end-to-end.

hub

MCP Server Integration

The realvirtual MCP Server connects AI assistants to the running browser scene — list drives, read/write PLC signals, query the scene hierarchy, inspect sensor states, and automate testing through natural language.

terminal

Claude Code Ready

realvirtual WEB includes a full Claude Code setup: CLAUDE.md with architecture guidelines, slash commands for common workflows (/dev, /debug, /test, /build), and MCP tools reference. Prompt your Web Digital Twin.

Investment Protection Guaranteed

Your digital twin infrastructure is too important for vendor lock-in, surprise price hikes, or black-box dependencies.

lock_open

Fully Open Source

Complete source code under AGPL-3.0. Audit every line. No hidden telemetry, no call-home, no black boxes. Fork it if you ever need to.

cloud_off

No Cloud, No Login

Self-host on your own infrastructure. Sensitive machine data, production layouts, and IP never leave your network. No mandatory cloud accounts.

verified

Price Stability Guarantee

We guarantee: no license condition changes and no price increases beyond the official inflation rate — ever — for existing contracts.

psychology

AI-Native Architecture

Built from the ground up for AI coding agents. MCP integration, Claude Code skills, structured metadata — your digital twin is prompt-ready, not retrofitted.

shield

No Discontinuation Risk

Even if we cease to exist — your investment is safe. The full source code is AGPL-licensed and publicly available on GitHub. You can always fork, maintain, and develop it further. No vendor dependency, ever.

GermanyEUBaden-Württemberg

Engineered in Germany

Developed by realvirtual GmbH in Baden-Württemberg, Germany — the heart of European machine and plant engineering. Same region, same standards, same language as your automation team.

Open Source + Commercial

AGPL-3.0

Free
  • Full source code access
  • All features included
  • Must publish your complete project under AGPL-3.0
Clone on GitHub

Up and Running in 30 Seconds

git clone https://github.com/game4automation/realvirtual-WEB.git
cd realvirtual-WEB
npm install
npm run dev

Requirements: Node.js >= 20.19 or >= 22.12. Drop .glb files into public/models/ — they appear automatically in the model selector.

See It in Action

Try the live demo or clone the repo and start building