SwiftXR

<p>Boost engagement with immersive 3D, AR, and VR experiences. SwiftXR seamlessly integrates interactive visuals into your store, enhancing product exploration and customer interaction. With effortless setup, optimized performance, and scalable solutions, you can create an engaging shopping experience without any technical hassle.</p>
<p><iframe loading="lazy" title="Bring Your 3D Models to Life in AR & VR" width="750" height="422" src="https://www.youtube.com/embed/UyYcMbyAdIw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Features</h3>
<ul>
<li>
<p>WooCommerce Support and Direct Website Embeding</p>
</li>
<li>
<p>Immersive 3D, AR & VR – Engage customers with interactive product views</p>
</li>
<li>
<p>Smart Optimization – Auto-compression for fast loading without quality loss</p>
</li>
<li>
<p>Easy 3D Conversion – Convert .FBX, .OBJ, and .STL to .GLB effortlessly</p>
</li>
<li>
<p>AI 3D Creation – Turn 2D images into 3D models or avatars instantly</p>
</li>
<li>
<p>Virtual Try-On – Let customers try products in AR instantly, no app required</p>
</li>
</ul>
<h3>Learn More</h3>
<p>https://home.swiftxr.io/</p>


SwiftXR (3D/AR/VR) Viewer

Easily enhance customer engagement with immersive 3D, AR, and VR experiences

kerryoco

<p>Easily embed <a href="https://threejs.org" rel="nofollow ugc">three.js</a> in <a href="https://github.com/Wordpress/Wordpress" rel="nofollow ugc">WordPress</a></p>
<h3>What you can do:</h3>
<h3>Create three.js galleries anywhere</h3>
<p>Create galleries using the shortcode generator in the Threepress admin, and then paste the shortcode wherever you want – the javascript that renders the shortcodes is loaded on all public pages.</p>
<p>A gallery renders one three.js Scene.</p>
<p>To customize the layout or dimensions of your gallery, use CSS.  An id tag of form <code>#threepress-gallery-[gallery name]</code> is put on the <em>wrapper</em> of the <code><canvas></code> element, or use class <code>.threepress-gallery</code> / <code>.threepress-gallery canvas</code> to target all galleries.</p>
<p>The gallery renderer (three.js object) should adjust to match your given dimensions automatically to prevent skewing or blurring.</p>
<p>If you want to custom code your own gallery, scroll down to ‘javascript devs’.</p>
<h3>Notes</h3>
<p>All models must be in “.glb” format – most 3d programs can export to this.</p>
<p>They are stored in the Media Library like everything else, but can be found easily through the Threepress library, which simply filters for “.glb” extensions.</p>
<h4>For javascript devs:</h4>
<p>All the galleries on a given page will be available in the global variable <code>THREEPRESS</code>, in the <code>galleries</code> property.  See the <code>Gallery</code> class (<code>static/js/ThreepressGallery.js</code>) for insight on interacting with these.</p>


Threepress

3d model gallery uploader and viewer powered by three.js

SwiftXR (3D/AR/VR) Viewer vs Threepress