Loyalcoders

<p><strong>Magic Elements</strong> 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.</p>
<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>
<p>Magic Elements ships with a focused library of <strong>28 Elementor widgets</strong>, covering content, marketing, navigation, and layout use‑cases:</p>
<ul>
<li>✅ <strong>Image</strong> – Flexible image widget with full style controls.</li>
<li>✅ <strong>Button</strong> – Modern buttons with icon, hover, and alignment options.</li>
<li>✅ <strong>Pricing Table</strong> – Create pricing / plan tables with badges and CTA.</li>
<li>✅ <strong>Team</strong> – Showcase team members with image, name, role, and socials.</li>
<li>✅ <strong>Text Editor</strong> – Enhanced text/content block with styling controls.</li>
<li>✅ <strong>Image Accordion</strong> – Interactive image accordion with hover/click reveal.</li>
<li>✅ <strong>Flip Card</strong> – Front/back card with animated flip interaction.</li>
<li>✅ <strong>Heading</strong> – Advanced headings with typography and decorative styles.</li>
<li>✅ <strong>Post Category Tab</strong> – Filter posts by category in a tabbed layout.</li>
<li>✅ <strong>Accordion</strong> – FAQ/accordion content with icons and animations.</li>
<li>✅ <strong>Counter</strong> – Animated number counters for stats and milestones.</li>
<li>✅ <strong>Category List</strong> – List blog categories with icons and links.</li>
<li>✅ <strong>Card</strong> – Content card with image, title, text, and button.</li>
<li>✅ <strong>Tab</strong> – Horizontal tabs for organizing content sections.</li>
<li>✅ <strong>Post</strong> – Blog posts grid with thumbnail, meta, and excerpt.</li>
<li>✅ <strong>Image Compare</strong> – Before/after image comparison slider.</li>
<li>✅ <strong>Light Box</strong> – Custom lightbox for images, text, or video content.</li>
<li>✅ <strong>Post List</strong> – List style blog layout with meta and read more.</li>
<li>✅ <strong>Page List</strong> – List of selected pages with icons and links.</li>
<li>✅ <strong>Multiple Button</strong> – Repeater-based multi-button layout (button groups).</li>
<li>✅ <strong>Icon Box</strong> – Icon + title + description info boxes.</li>
<li>✅ <strong>Info Box</strong> – Content/info box with icon and call-to-action button.</li>
<li>✅ <strong>Feature List</strong> – Feature rows with icons, titles, and descriptions.</li>
<li>✅ <strong>Review</strong> – Testimonial/review block with rating stars.</li>
<li>✅ <strong>Timeline</strong> – Vertical timeline with dates, titles, and content.</li>
<li>✅ <strong>Progress Bar</strong> – Animated progress/skill bars with percentage.</li>
<li>✅ <strong>Multi Step</strong> – Multi-step wizard/flow with steps, content, and completion popup.</li>
<li>✅ <strong>Nav Menu</strong> – Custom header navigation menu with logo, search, and mega-menu ready structure.</li>
</ul>
<p>Elevate your Elementor experience and create visually stunning websites with ease.</p>
<h3>Source Code</h3>
<p>The uncompiled JavaScript and CSS source code for this plugin is available in the following repository:</p>
<p>https://github.com/loyalcoder/magic-elements</p>
<p>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.</p>
<h3>Build Instructions (If applicable)</h3>
<p>To generate the minified assets from the source code, follow these steps:</p>
<ol>
<li>Clone the repository: <code>git clone [Your Repository URL]</code> <em>(Replace with your actual repository URL)</em></li>
<li>Navigate to the project directory: <code>cd [Your Repository Directory]</code> <em>(Replace with your actual directory name)</em></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>
<p>The generated files will be placed in the <code>dist</code> directory, ready to be used in your WordPress plugin.  <em>(Adjust this if your build process outputs to a different directory)</em></p>
<h3>Credits</h3>
<p>Developed by <a href="https://loyalcoder.com" rel="nofollow ugc">LoyalCoder</a>. Inspired by the needs of Elementor users worldwide.</p>


Magic Elements

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

zootemplate

<p><a href="https://cleveraddon.com/clever-addon-for-elementor/" rel="nofollow ugc">Clever Addons for Elementor</a> provides high quality widgets and templates which are easy to use and customize. Help you create stunning websites quickly.</p>
<p>See <a href="http://cleveraddon4elementor.wp1.zootemplate.com/" rel="nofollow ugc">Demo</a> and <a href="https://doc.cleveraddon.com/clever-mega-menu-elementor" rel="nofollow ugc">online documentation</a> for more info.</p>
<h3>Key Features</h3>
<ul>
<li>Ready To Use: With pre-made templates and widgets, you can quickly build anything beautifully.</li>
<li>Easy To Customize: Supercharge your page with more than 100+ widget options and page settings.</li>
<li>Light Weight: Resources are optimized for super fast loading and instant live editing.</li>
<li>Enable and disable individual elements to make your page loading faster and smoother. You can deactivate unnecessary widgets to keep the site lite.</li>
</ul>
<h3>Free Widgets</h3>
<ul>
<li>CAFE Portfolios</li>
<li>CAFE Single Scroll To</li>
<li>CAFE Image Comparison</li>
<li>CAFE Time Line</li>
<li>CAFE Multi Banner</li>
<li>CAFE Banner</li>
<li>CAFE Video Light Box</li>
<li>CAFE Services</li>
<li>CAFE Posts</li>
<li>CAFE Count Down</li>
<li>CAFE Testimonial</li>
<li>CAFE Icon</li>
<li>CAFE Product Advanced</li>
<li>CAFE Team Member</li>
<li>CAFE Instagram</li>
<li>CAFE Scroll To</li>
<li>CAFE Contact Form 7</li>
<li>CAFE Slider</li>
<li>CAFE Revolution Slider</li>
<li>CAFE Button</li>
<li>CAFE Single Product</li>
<li>CAFE Edd Tabs</li>
</ul>
<h3>Pro Widgets</h3>
<ul>
<li>CAFE Header Builder </li>
<li>CAFE Slider Pro</li>
<li>CAFE Animated Headlines</li>
<li>CAFE Product Grid Tabs</li>
<li>CAFE Product Categories Nav</li>
<li>CAFE Hide This</li>
<li>CAFE Progress Bar</li>
<li>CAFE Product Deal</li>
<li>CAFE Product Category Banner</li>
<li>CAFE Product Carousel With Category Tabs</li>
<li>CAFE Product With Banner And Tabs</li>
<li>CAFE Product List Tags</li>
<li>CAFE Image 360 View</li>
<li>CAFE Product Carousel</li>
<li>CAFE Pricing Table</li>
<li>CAFE Product Deal And Asset Tabs</li>
<li>CAFE Product List Categories</li>
<li>CAFE Auto Typing</li>
<li>CAFE Footer Builder</li>
</ul>
<h3>Help & Support</h3>
<p>If you have any issue, feel free to get help at <a href="https://wordpress.org/support/plugin/cafe-lite/" rel="ugc">Plugin Support</a>. We really appreciate your feedbacks.</p>
<h3>Online Documentation</h3>
<p>For more info, please check out <a href="https://doc.cleveraddon.com/clever-addon-for-elementor/" rel="nofollow ugc">plugin documentation</a>.</p>
<h3>Version 2.2.1 – Release Aug 14, 2024</h3>
<ul>
<li>Fix Cross Site Scripting (XSS) which related to the “CAFE Single Scroll To” widget</li>
</ul>
<h3>Version 2.2.0 – Release Ju 04, 2024</h3>
<ul>
<li>Improve sercurity</li>
<li>Fix some issue with coding stardard</li>
<li>Compartible with WordPress 6.5.4</li>
</ul>
<h3>Version 2.1.9 – Release Dec 03, 2023</h3>
<ul>
<li>Fix issue unable get default value of responsive control</li>
</ul>
<h3>Version 2.1.8 – Release Nov 29, 2023</h3>
<ul>
<li>Fix deprecated typography selector.</li>
<li>Fix minor php issue with responsive control.</li>
</ul>
<h3>Version 2.1.7 – Release Jan 15, 2023</h3>
<ul>
<li>Fix issue not working with Elementor 3.5.x</li>
</ul>
<h3>Version 2.1.6 – Release June 02, 2022</h3>
<ul>
<li>Fix issue missing config (responsive option) with PHP 8.x</li>
</ul>
<h3>Version 2.1.5 – Release Mar 28, 2022</h3>
<ul>
<li>Compatible with Elementor 3.6.2</li>
</ul>
<h3>Version 2.1.4 – Release Jan 24, 2022</h3>
<ul>
<li>Update carousel for fix js isssue.</li>
<li>Improve Animated headline (add new maquee effect)</li>
<li>Improve multi banner & testimonial</li>
<li>Improve style for header builder</li>
</ul>
<h3>Version 2.1.3 – Release Sep 20, 2021</h3>
<ul>
<li>Improve style for header builder sticky</li>
<li>Improve cafe multi banner</li>
<li>Update align icon follow Elementor latest version</li>
</ul>
<h3>Version 2.1.2 – Release Jun 20, 2021</h3>
<ul>
<li>Update cleverfont icon</li>
<li>Improve style of widgets</li>
<li>Fix issue display link of multi banner widget</li>
</ul>
<h3>Version 2.1.1 – Release May 15, 2021</h3>
<ul>
<li>Fix issue display list widget</li>
<li>Improve typography for fix issue deprecated: Elementor\Scheme_Typography.</li>
</ul>
<h3>Version 2.1.0 – Release Apr 14, 2021</h3>
<ul>
<li>Add slick and load slick from plugin.</li>
<li>Fix some security issue.</li>
<li>Update message for template missing (for fix issue site broken when template missing).</li>
</ul>
<h3>Version 2.0.15 – Release Mar 19, 2021</h3>
<ul>
<li>Fix minor issue Cafe-lite with cafe site nav menu (For Pro version).</li>
<li>Improve style of plugin.</li>
<li>Fix issue empty link for Cafe Pro.</li>
<li>Fix issue with off canvas menu for Cafe Pro.</li>
<li>Fix issue ajax search not working.</li>
<li>Add more options for Multi banner widget.</li>
</ul>
<h3>Version 2.0.14 – Release Nov 20, 2020</h3>
<ul>
<li>Improve clever Icon – Clever Portfolio. </li>
<li>Fixed widget name Cafe Pro in Cafe Settings page.</li>
<li>Improved CAFE Icon.</li>
</ul>
<h3>Version 2.0.13 – Release Oct 16, 2020</h3>
<ul>
<li>Fixed toggle nav menu on header sticky. </li>
<li>Fixed conflig js loadmore, infinite with plugin Clever Portfolio.</li>
</ul>
<h3>Version 2.0.12 – Release Sep 13, 2020</h3>
<ul>
<li>Improve style and js for Cafe Pro</li>
</ul>
<p>= Version 2.0.11 – Release Sep 10, 2020</p>
<ul>
<li>Fixed css site nav horizontal, vertical layout</li>
</ul>
<p>= Version 2.0.10 – Release Sep 09, 2020</p>
<ul>
<li>Change Doc url</li>
<li>Improve site nav js allow active element case menu use local link. (For Pro version)</li>
<li>Improve site nav hamburger style. (For Pro version)</li>
<li>Improve countdown. Add custom label for time. </li>
<li>Fix minor escape data issue.</li>
<li>Fix navigation position widget CAFE Team Member + Muilti Banner</li>
<li>Add more query Order by, Order, Offset for Posts</li>
</ul>
<p>= Version 2.0.9 – Release Aug 10, 2020</p>
<ul>
<li>Improve widget CAFE Team Member.</li>
<li>Fix undefinded function.</li>
<li>Fix minor css.</li>
</ul>
<p>= Version 2.0.8 – Release Aug 1, 2020</p>
<ul>
<li>Improve Instagram Widget</li>
<li>Improve options for Testimonial widget</li>
<li>Improve panel elements</li>
</ul>
<p>= Version 2.0.7 – Release Jul 17, 2020</p>
<ul>
<li>Compatible with new Instagram’s API </li>
</ul>
<p>= Version 2.0.6 – Release June 02, 2020</p>
<ul>
<li>Change widget Cafe Instagram to Cafe Instagram Hashtag – Now it accept only hashtag for security issue.</li>
<li>Improve styles and scripts</li>
</ul>
<p>= Version 2.0.5 – Release June 02, 2020</p>
<ul>
<li>Add CAFE Foody Booking Table widget</li>
<li>Add CAFE Foody widget</li>
</ul>
<p>= Version 2.0.4 – Release May 10, 2020</p>
<ul>
<li>Improve testimonial widget.</li>
<li>Improve banner widget. Allow disable effect.</li>
<li>Fix minor issue.</li>
</ul>
<p>= Version 2.0.3 – Release Apr 26, 2020</p>
<ul>
<li>Improve clever slider dots.</li>
<li>Improve style for Instagram widget.</li>
<li>Fix minor issue.</li>
</ul>
<h4>2.0.2 – Release Date Apr 12, 2020</h4>
<ul>
<li>Improve assets for Cafe pro.</li>
<li>Fixed show/hide Slide Down Menu</li>
<li>Fixed Infinity Scroll, Loadmore for widget product</li>
<li>Fixed menu out of screen when use Clever Mega Menu for Elementor</li>
</ul>
<h4>2.0.1 – Release Date March 17, 2020</h4>
<ul>
<li>Massive enhancement for widgets</li>
</ul>
<h4>1.0.4 – Release Date Feb 24, 2020</h4>
<ul>
<li>Enhanced account widget, added AJAX login</li>
<li>Fixed Templatekit button disappear after Elementor updated</li>
</ul>
<h4>1.0.3 – Release Date Feb 10, 2020</h4>
<ul>
<li>Fixed issues with Products widget</li>
<li>Fixed issues with Products Advanced widget</li>
<li>Fixed issues with Products Collection widget</li>
<li>Fixed HTML validator issues</li>
<li>Enhanced Account widget</li>
<li>Enhanced Banner widget</li>
<li>Enhanced sticky header</li>
</ul>
<h4>1.0.2 – Release Date Jan 31, 2020</h4>
<ul>
<li>Fixed issue with menu js</li>
<li>Fixed issue with customizer</li>
<li>Added more widgets</li>
<li>Enhanced widgets</li>
</ul>
<h4>1.0.1 – Release Date Jan 7, 2020</h4>
<ul>
<li>Enhanced UI</li>
<li>Fixed issues</li>
<li>Added more widgets</li>
</ul>
<h4>1.0.0 – Release Date Oct 16, 2019</h4>
<ul>
<li>Initial release.</li>
</ul>


Clever Addons for Elementor

Clever Addons for Elementor provides high quality widgets and templates which are easy to use and customize. Help you create stunning websites quickly …

Magic Elements vs Clever Addons for Elementor