Loyalcoders

Magic Elements is a comprehensive extension for Elementor, designed to enhance your page-building capabilities with a wide variety of customizable widgets, pre-designed templates, and advanced features. Whether you’re a beginner or an experienced developer, this plugin provides tools to make your website-building process faster and easier.
<h3>Features:</h3>
<ul>
<li>A collection of unique and powerful Elementor widgets.</li>
<li>Header & Footer Builder for full-site layout control.</li>
<li>Pre-designed templates to kickstart your designs.</li>
<li>Easy-to-use interface with seamless integration.</li>
<li>Fully responsive and optimized for performance.</li>
</ul>
<h3>Elementor Widgets Included</h3>
Magic Elements ships with a focused library of 28 Elementor widgets, covering content, marketing, navigation, and layout use‑cases:
<ul>
<li>✅ Image – Flexible image widget with full style controls.</li>
<li>✅ Button – Modern buttons with icon, hover, and alignment options.</li>
<li>✅ Pricing Table – Create pricing / plan tables with badges and CTA.</li>
<li>✅ Team – Showcase team members with image, name, role, and socials.</li>
<li>✅ Text Editor – Enhanced text/content block with styling controls.</li>
<li>✅ Image Accordion – Interactive image accordion with hover/click reveal.</li>
<li>✅ Flip Card – Front/back card with animated flip interaction.</li>
<li>✅ Heading – Advanced headings with typography and decorative styles.</li>
<li>✅ Post Category Tab – Filter posts by category in a tabbed layout.</li>
<li>✅ Accordion – FAQ/accordion content with icons and animations.</li>
<li>✅ Counter – Animated number counters for stats and milestones.</li>
<li>✅ Category List – List blog categories with icons and links.</li>
<li>✅ Card – Content card with image, title, text, and button.</li>
<li>✅ Tab – Horizontal tabs for organizing content sections.</li>
<li>✅ Post – Blog posts grid with thumbnail, meta, and excerpt.</li>
<li>✅ Image Compare – Before/after image comparison slider.</li>
<li>✅ Light Box – Custom lightbox for images, text, or video content.</li>
<li>✅ Post List – List style blog layout with meta and read more.</li>
<li>✅ Page List – List of selected pages with icons and links.</li>
<li>✅ Multiple Button – Repeater-based multi-button layout (button groups).</li>
<li>✅ Icon Box – Icon + title + description info boxes.</li>
<li>✅ Info Box – Content/info box with icon and call-to-action button.</li>
<li>✅ Feature List – Feature rows with icons, titles, and descriptions.</li>
<li>✅ Review – Testimonial/review block with rating stars.</li>
<li>✅ Timeline – Vertical timeline with dates, titles, and content.</li>
<li>✅ Progress Bar – Animated progress/skill bars with percentage.</li>
<li>✅ Multi Step – Multi-step wizard/flow with steps, content, and completion popup.</li>
<li>✅ Nav Menu – Custom header navigation menu with logo, search, and mega-menu ready structure.</li>
</ul>
Elevate your Elementor experience and create visually stunning websites with ease.
<h3>Source Code</h3>
The uncompiled JavaScript and CSS source code for this plugin is available in the following repository:
https://github.com/loyalcoder/magic-elements
This repository contains the original source files used to generate the minified assets included in the <code>/assets/dist/</code> directory of the plugin. You can review, study, and modify the source as needed.
<h3>Build Instructions (If applicable)</h3>
To generate the minified assets from the source code, follow these steps:
<ol>
<li>Clone the repository: <code>git clone [Your Repository URL]</code> (Replace with your actual repository URL)</li>
<li>Navigate to the project directory: <code>cd [Your Repository Directory]</code> (Replace with your actual directory name)</li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build the project: <code>npm run build</code> (or your specific build command, e.g., <code>yarn build</code>, <code>gulp build</code>)</li>
</ol>
The generated files will be placed in the <code>dist</code> directory, ready to be used in your WordPress plugin. (Adjust this if your build process outputs to a different directory)
<h3>Credits</h3>
Developed by <a href="https://loyalcoder.com" rel="nofollow ugc">LoyalCoder</a>. Inspired by the needs of Elementor users worldwide.

Magic Elements

Enhance Elementor with advanced widgets, templates, and features for customizable, stunning designs.

WPZOOM

Pavel Ciorici

Alexei Samarschi

<h4>Elementor Templates & Widgets – Build Pages Faster</h4>
The best starter templates plugin for Elementor. Import professionally designed page templates, sections, wireframes, and widgets with one click. Build beautiful, responsive pages in minutes – no coding required.
<h4>Features</h4>
<ul>
<li>Page Templates – Import full page layouts with one click</li>
<li>Section Templates – Insert individual sections (hero, features, contact, pricing, etc.)</li>
<li>Wireframes Library – Start faster with flexible wireframe blocks and layouts – NEW in 1.4.0</li>
<li>Redesigned Template Library – Browse faster with tab counters, search, filters, and grid size controls – NEW in 1.4.0</li>
<li>No Media Import Mode – Import templates without downloading images to the Media Library – NEW in 1.4.0</li>
<li>Advanced Elementor widgets with multiple options and settings</li>
<li>Beautiful pre-designed templates for professionals</li>
<li>Unique layouts for video & photo professionals</li>
</ul>
<h4>⭐️ PRO FEATURES ⭐️</h4>
<ul>
<li>Slideshow with Video Background</li>
<li>130+ Templates for Elementor</li>
<li>Premium Support</li>
<li>and many new features coming soon!</li>
</ul>
⭐️ <a href="https://www.wpzoom.com/plugins/wpzoom-elementor-addons/?utm_source=wporg&utm_medium=website&utm_campaign=free_description" rel="nofollow ugc">Get the PRO version!</a> ⭐️
<h3>Included Widgets</h3>
<ul>
<li>Slideshow – Fullscreen image slideshows with customizable transitions</li>
<li>Team Members – Showcase your team with social media icons</li>
<li>Clients Carousel – Display client/partner logos</li>
<li>Testimonials – Customer reviews and quotes</li>
<li>WooCommerce Products – Product showcases for online stores</li>
<li>Image Box – Images with text overlays and hover effects</li>
<li>Featured Category – Highlight specific categories</li>
<li>Posts Grid – Display blog posts in multiple layout styles</li>
<li>Portfolio – Portfolio showcase (Inspiro/Inspiro PRO themes)</li>
<li>Pricing Table – Pricing plan comparisons</li>
<li>Directors – Showcase for video creators and filmmakers</li>
<li>Video Lightbox Button – Button that opens a video (YouTube, Vimeo, or MP4) in a modal lightbox</li>
</ul>
<h3>Recommended Themes & DEMO</h3>
Even though the plugin works great with any theme, it includes templates optimized for the following WPZOOM themes:
<ul>
<li><a href="https://www.wpzoom.com/themes/inspiro-pro/" rel="nofollow ugc">Inspiro PRO</a> – <a href="https://www.wpzoom.com/themes/inspiro-pro/starter-sites/" rel="nofollow ugc">View Demos</a></li>
<li><a href="https://www.wpzoom.com/themes/inspiro/" rel="nofollow ugc">Inspiro Premium</a> – <a href="https://www.wpzoom.com/themes/inspiro/starter-sites/" rel="nofollow ugc">View Demos</a></li>
<li><a href="https://wordpress.org/themes/inspiro/" rel="ugc">Inspiro Lite</a> (Free) – <a href="https://demo.wpzoom.com/inspiro-lite/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.wpzoom.com/themes/reel/" rel="nofollow ugc">Reel</a> – <a href="https://demo.wpzoom.com/reel-elementor/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.wpzoom.com/themes/foodica/" rel="nofollow ugc">Foodica PRO</a> – <a href="https://demo.wpzoom.com/foodica-elementor/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.wpzoom.com/themes/cookbook/" rel="nofollow ugc">CookBook</a> – <a href="https://demo.wpzoom.com/cookbook/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.wpzoom.com/themes/cookely/" rel="nofollow ugc">Cookely</a> – <a href="https://demo.wpzoom.com/cookely/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.wpzoom.com/themes/gourmand/" rel="nofollow ugc">Gourmand</a> – <a href="https://demo.wpzoom.com/gourmand/" rel="nofollow ugc">View Demo</a></li>
</ul>
<h4>Additional Resources</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/wpzoom-elementor-addons/" rel="ugc">Leave your question</a></li>
<li><a href="https://profiles.wordpress.org/wpzoom/#content-themes" rel="nofollow ugc">Grab a free theme</a></li>
<li><a href="https://www.wpzoom.com" rel="nofollow ugc">WPZOOM website</a></li>
<li><a href="https://github.com/wpzoom/wpzoom-elementor-addons" rel="nofollow ugc">GitHub repository</a></li>
</ul>
To contribute to this plugin, please visit the <a href="https://github.com/wpzoom/wpzoom-elementor-addons" rel="nofollow ugc">GitHub repository</a>.

WPZOOM Addons for Elementor – Starter Templates & Widgets

Elementor templates and widgets - Import professionally designed page templates, sections, and widgets. Build stunning pages in minutes.

Magic Elements vs WPZOOM Addons for Elementor – Starter Templates & Widgets