deniseaiwp

<p>Elevate your Elementor pages to new heights with the EAI – Elementor Animation Interactive plugin. This powerful tool integrates seamlessly with Elementor, allowing you to incorporate mesmerizing ThreeJS animations directly into your website. Whether you’re looking to add interactive particles, dynamic geometries, or fluid simulations, EAI makes it possible without requiring any coding knowledge.</p>
<p>Key features include:<br />
Particle Sphere: Create dynamic 3D particle spheres.<br />
Staggered Cubes: Add interactive, animated cube grids that can enhance your site’s visual appeal.<br />
Wavy Lines: Introduce soothing animated backgrounds with flowing lines to make your sections stand out.<br />
Liquid Metal: Implement a futuristic, fluid metallic effect, adding a high-tech touch to your design.<br />
Twisted Colorful Sphere: Feature a vibrant, rotating 3D sphere composed of twisting colors to captivate your visitors.</p>
<h3>Third-Party Services</h3>
<p>Vimeo Video Hosting</p>
<p>Our plugin uses Vimeo to host tutorial videos.</p>
<p><strong>Vimeo Terms of Service:</strong><br />
– <a href="https://vimeo.com/terms" rel="nofollow ugc">Vimeo Terms of Service</a></p>
<p><strong>Vimeo Privacy Policy:</strong><br />
– <a href="https://vimeo.com/privacy" rel="nofollow ugc">Vimeo Privacy Policy</a></p>


EAI – Elementor Animation Interactive

Enhance Elementor with stunning ThreeJS animations. Add interactive 3D content effortlessly.

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

EAI – Elementor Animation Interactive vs Threepress