Easily build animated/interactive 3D scenes and embed using a shortcode. Take your site to the next dimension. Powered by Three.js

Kauri Beguely

<p><strong>Code 3</strong> lets you embed multi-object, interactive 3D scenes into your WordPress site using a simple shortcode.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fJ0IEpl0zS4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><a href="https://c33d.kaurib.com/" rel="nofollow ugc">Live Demo – Multiple Scenes</a></p>
<p>Ideal for developers, designers, and digital creatives who want to create engaging 3D web experiences — without hardcoding them into templates.</p>
<h4>Features</h4>
<ul>
<li>Upload multiple GLB models to a scene and change their transforms (position, rotation, scale)</li>
<li>Add images from media library as objects in the scene (fully transformable)</li>
<li>Embed 3D scenes via shortcode</li>
<li>Mousemove and scroll interaction</li>
<li>Switch between Orthographic and Isometric camera</li>
<li>Build a seperate composition for a defined breakpoint</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>After clicking Add New Scene, you can add models by uploading GLB to the media library</li>
<li>You can change all objects position/rotation/scale in the scene editor</li>
<li>You change global settings like light intensity and scroll/mouse interaction</li>
<li>Place the shortcode anywhere you want it to display</li>
</ol>
<h4>Shortcode Examples</h4>
<pre><code>[codes_scene id="39"]
</code></pre>
<p>By default the width will be 100% of the container the shortcode is placed and the height will be 500px</p>
<pre><code>[codes_scene id="39" width="500px" height="30vh"]
</code></pre>
<p>Set custom height and width of the shortcode, accepts all CSS measurements.</p>


Alternatives to Code Three 3D Interactive

Top alternatives