XR Projects 🥽

PUBLISHED ON JAN 1, 2025

Welcome to my eXtended Reality (XR) portfolio! Here you’ll find my work in virtual reality (VR), augmented reality (AR), and mixed reality (MR) development.


graphwiz-xr 🚀

A complete rewrite of the Mozilla Hubs ecosystem using TypeScript + Rust

graphwiz-xr is a modern VR/Social platform delivering high-fidelity, browser-based virtual reality without installation barriers. This ambitious project reimagines the entire Hubs ecosystem with next-generation technologies for maximum performance and scalability.

Technology Stack:

  • Frontend: TypeScript, React 18, React Three Fiber, Three.js r160+, Vite
  • Backend: Rust microservices with Actix-Web, SeaORM, PostgreSQL
  • Networking: WebTransport (HTTP/3) for next-gen real-time transport, gRPC, Protobuf
  • Editor: Tauri desktop app for native performance with React UI

Key Improvements over Original Hubs:

Aspect Hubs (Legacy) graphwiz-xr
Frontend JavaScript + A-Frame TypeScript + React Three Fiber
Backend Elixir + Phoenix Rust + Actix-Web
Performance Good Excellent (Rust zero-cost abstractions)
Type Safety Partial (Elixir dynamic) Complete (TS + Rust)
Bundle Size Large (A-Frame deps) Optimized (tree-shaking)
WebGPU Not available Ready for WebGPU migration
WebTransport Custom implementation Native HTTP/3 support

Architecture Components:

  • Hub Client - Main VR client (TypeScript + R3F)
  • Admin Client - Dashboard for management
  • Reticulum - Backend microservices (Rust): Auth, Hub, Presence, Storage
  • Spoke - Scene editor (Tauri + React)

Performance Targets:

  • Backend: P50 < 10ms, P99 < 50ms latency
  • Frontend: 60 FPS desktop, 90 FPS VR
  • Network: < 5KB/s per client (positions)
  • Bundle: < 2MB initial load

View on GitHub 🌐


chemie-lernen.org 🔬

An open, interactive, and immersive learning platform for chemistry education.

Key Features:

  • Molekülstudio: Interactive 3D molecular visualization tool allowing students to explore chemical structures in immersive VR environments
  • Mozilla Hubs Integration: Virtual chemistry classroom at hubs.chemie-lernen.org for collaborative learning experiences
  • Interdisciplinary VR Research: Academic research on VR cooperation in educational settings
  • Open Educational Resources: Freely accessible chemistry learning materials with XR enhancements

Visit chemie-lernen.org 🌐


Hello WebXR

An introduction to building browser-based VR/AR experiences using the WebXR API and Three.js.

Technologies & Tools

I work with a variety of XR technologies:

  • WebXR API - Browser-based VR/AR
  • Three.js - 3D graphics for the web
  • A-Frame - WebVR framework
  • Mozilla Hubs - Social VR platform
  • Unity3D - Game engine for VR/AR applications
  • Unreal Engine - High-fidelity XR development

Project Highlights

Educational XR: Chemistry Learning

Building immersive educational experiences that make abstract chemistry concepts tangible through interactive 3D molecular visualizations and virtual classrooms. The chemie-lernen.org platform combines open educational resources with cutting-edge XR technology to create engaging learning environments.

Professional XR Solutions

Through graphwiz.ai, delivering enterprise-grade XR development services that help businesses leverage extended reality for training, collaboration, and visualization. Focus on digital sovereignty ensures clients maintain control over their XR infrastructure.

Innovation in WebXR

Pushing the boundaries of what’s possible in browser-based virtual reality, from interactive 3D visualizations to collaborative multi-user environments. Self-hosted solutions provide privacy and customization options for organizations.

Social VR Experiments

Creating and customizing social virtual spaces where people can meet, collaborate, and share experiences in real-time. From Mozilla Hubs instances to custom WebXR applications.

Data Visualization in VR

Developing immersive data visualizations that leverage 3D space to reveal patterns and insights not possible in 2D.

Get Involved

Interested in collaborating on an XR project or learning more about my work?

📧 Contact me

Explore My XR Work

🔬 Educational Projects:

💼 Professional Services:


Want to see more? Check out my research or teaching work.