icon

<stereo-img>

A web component for stereo 3D pictures with VR support (GitHub).
It supports VR Photos (VR180, Google Camera panorama, Cardboard camera), left-right, and anaglyph.

Demo

(or use left/right keyboard keys)

These are best viewed in VR, click "Enter VR" if your device supports VR.

Use it

To add this viewer to your page or app:


<script type="module" src="https://cdn.skypack.dev/stereo-img"></script>
<stereo-img src="picture.vr.jpg"></stereo-img>
      

For info

Just for comparison, here is the same picture in a regular <img> element: