Panoramas

The panorama viewer shows 360-degree photographs - the equirectangular pictures phones, 360 cameras and renderers make - drawn by the graphics card so they turn smoothly at any size. Drag, swipe, pinch or use the arrow keys to look around; zoom with the wheel; go fullscreen; let it turn slowly by itself until someone touches it.

Join several into a virtual tour: hotspots walk from room to room facing the right way, or open a note, a picture or a link; a floor plan shows where you stand and which way you look; a strip of scenes lets you jump anywhere. A small preview shows at once while the full picture loads. Turn on editing and double-click to place a hotspot, drag one to move it, and save the tour as JSON.

A show home tour

Three rooms of a fictional house, rendered rather than photographed: drag to look around, follow the glowing hotspots from the lounge to the kitchen and out to the garden, and watch the floor plan follow. Turn on editing to add your own hotspots.

Get the code
<script src="/assets/bmx-components.min.js"></script>

<bmx-panorama-viewer id="pn-tour" label="14 Orchard Lane" style="inline-size: 100%; --bmx-panorama-viewer-height: 34rem"></bmx-panorama-viewer>

One view in a listing

A single panorama in a property listing, with no plan and no scenes: it turns slowly until someone takes over. The buttons look at a point of interest and save a still of the current view.

Look at the oak Look at the patio Save a still