Skip to content

WebXR Gallery

Create immersive 360° VR experiences for the web.

WebXR Gallery is a powerful platform for building interactive 360° virtual reality tours. Built with Babylon.js, it supports VR headsets, desktop browsers, and mobile devices.

What You Can Build

  • 360° Virtual Tours

    Create stunning virtual tours with panoramic images or video skyboxes. Navigate between scenes with intuitive portals.

    Learn about navigation

  • Interactive Hotspots

    Add interactive elements to your scenes: info panels, audio playback, navigation links, and lead capture forms.

    Explore hotspots

  • VR Ready

    Full WebXR support for VR headsets like Quest, Pico, and more. Works seamlessly in browser too.

    VR controls guide

  • Fully Customizable

    Customize colors, branding, and UI elements. White-label support available for businesses.

    UI customization

Quick Start

Get started in 3 simple steps:

1. Create an Account

Visit xrgallery.online and sign up for a free account.

2. Upload Your First Skybox

Upload a 360° equirectangular image or video to create your first scene.

Supported Formats

  • Images: JPEG, PNG (equirectangular projection)
  • Video: MP4, WebM (automatically transcoded via Mux)
  • Resolution: Up to 8K for images, 4K for video

3. Publish Your Experience

Click "Publish" to get a shareable link. Your experience works on:

  • Desktop browsers (Chrome, Firefox, Safari, Edge)
  • Mobile devices (iOS, Android)
  • VR headsets (Quest, Pico, Vive, etc.)

Features

Portal Styles

Navigation hotspots support different visual styles:

Portal Style Description
Clean Modern, minimalist portal effect
Enhanced Animated with glow effects
Minimal Subtle, unobtrusive design
Alien Sci-fi themed portal animation
Floor Arrow Flat decal arrow on floor for indoor navigation

Navigation documentation

Hotspot Types

Add interactive elements to your scenes:

Type Description
Info Display text, images, and descriptions
Audio Play audio when activated
Both Combined info panel + audio playback
Navigation Portal to move to another stage
Lead Capture Collect visitor information with forms

Hotspot documentation

Pricing Tiers

Free Basic ($9/mo) Pro ($29/mo) Enterprise
Cloud Storage None 5 GB 50 GB Unlimited
Video Uploads None 60 min 300 min Unlimited
Bandwidth None 100 GB/mo 1 TB/mo Unlimited
AI Generation 20 Pro + 100 Flash/mo Unlimited
Self-Host Export
Lead Capture
White Label
Custom Domain
Priority Support + SLA

Free Tier

Free tier is designed for developers who self-host. Export your tours and host them on your own servers.

Architecture

graph LR
    A[Editor] --> B[Firebase]
    B --> C[Viewer]
    C --> D[VR Headset]
    C --> E[Desktop]
    C --> F[Mobile]
    B --> G[Mux Video]
    B --> H[Cloud Storage]

WebXR Gallery uses:

  • Babylon.js - 3D rendering engine
  • Firebase - Authentication, database, storage
  • Mux - Video transcoding and streaming
  • Stripe - Payment processing

Next Steps

Need Help?