Loyalcoder

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>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>
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.

bdthemes

Selim Rana

Abu Talib

Faridul Islam

Asikur Rahman

Shahidul Islam

SYED FARHAN REZA

Maudud Hossain

Md. Arafat Akash

Shm Usuf

Rakibul Islam

Sohanur Rahman

Tauhidul Alam

imrouf

Element Pack is a powerful addon for Elementor that helps you build beautiful and responsive websites with ease. It also offers exclusive features, including 300+ widgets and 2,700+ templates, giving you everything you need to design WordPress websites with ease.
<h3><a href="https://bdthemes.com/deals/?utm_source=WordPress_org&utm_medium=bfcm_cta&utm_campaign=element_pack" rel="nofollow ugc">🎉 Black Friday Offer: Upgrade to Pro and Save up to 87% on All Plugins! 🎊</a></h3>
Trusted by 100,000+ websites, it’s the easiest way to design your stunning websites without coding.
👉 <a href="https://elementpack.pro" rel="nofollow ugc">Get Element Pack Now for Free</a>.
<h3>🚀 Why Choose Element Pack?</h3>
✅ 2700+ Ready-Made Templates – Use pre-designed pages, headers, footers and blocks instantly. 
✅ 300+ Advanced Widgets – Add interactive Elementor widgets to enhance your website. 
✅ Fully Customizable – Easily adjust elements, templates and widgets to match your style. 
✅ Seamless Integrations – Works with WooCommerce, Easy Digital Downloads (EDD), Advanced Custom Fields (ACF) and more. 
✅ Lightweight & Fast – Optimized for performance without slowing down your site. 
✅ Trusted by Millions – 4M+ all-time downloads and growing. 
✅ Top Ratings – Rated 4.7 out of 5 on WordPress.org and 4.5 out of 5 on G2. 
✅ Quick Support – Our dedicated support team is ready to help with any questions or issues.
Element Pack gives you everything you need to build high-quality websites quickly and efficiently. 🚀
<a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Element Pack Demo</a> | <a href="https://elementpack.pro" rel="nofollow ugc">Official Websites</a> | <a href="https://bdthemes.com/all-knowledge-base-of-element-pack/" rel="nofollow ugc">Knowledge base</a> | <a href="https://youtube.com/playlist?list=PLP0S85GEw7DOJf_cbgUIL20qqwqb5x8KA&si=bR91QQYCjeAtG9vC" rel="nofollow ugc">VideoTutorial</a>
“I found Element Pack Pro to be brimming with cutting-edge design tools and widgets to please both designers and end users. Plus, a user-friendly dashboard makes the whole process of putting together a robust and modern site with WordPress and Elementor a breeze” – <a href="https://wpmayor.com/element-pack-pro-review/" rel="nofollow ugc">WP Mayor</a>.
“An excellent pack of tools to customize your website easily” – G2
<iframe loading="lazy" title="How Far Can You Go with Element Pack? (Mega Menu + Dark Mode in Action)" width="750" height="422" src="https://www.youtube.com/embed/Shxejp20pW0?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>
<h3>Supercharge your Elementor experience with Element Pack – the most comprehensive Elementor addon.</h3>
<h3>300+ Free & Premium Elementor Widgets to Simplify and Improve Your Design</h3>
Enhance your Elementor site with Element Pack’s powerful Elementor widgets. Get creative, improve user experience and effortlessly build stunning websites.
✅ <a href="https://www.elementpack.pro/demo/element/image-hover-effects/" rel="nofollow ugc">Image Hover Effects</a> – Enhance images with animations on hover to boost user engagement.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/cursor-effects/" rel="nofollow ugc">Cursors Effects</a> – Transform cursor appearance for a visually appealing and interactive experience.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/content-switcher/" rel="nofollow ugc">Content Switcher</a> – Toggle between content sections to simplify navigation and display information.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/document-viewer/" rel="nofollow ugc">Document Viewer</a> – Display documents directly on websites for convenient, in-browser access.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/interactive-card/" rel="nofollow ugc">Interactive Card</a> – Present information with clickable cards to organize and engage users.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/social-share/" rel="nofollow ugc">Social Share</a> – Add sharing buttons to expand your content’s reach instantly.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/forminator-form/" rel="nofollow ugc">Forminator Forms</a> – Create customizable forms to efficiently collect user data.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/scrollnav/" rel="nofollow ugc">Scroll Navigation</a> – Guide users through content with scrolling menus for better navigation.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/dynamic-content/" rel="nofollow ugc">Dynamic Content</a> – Display automatically updating content to personalize user experiences.[New] [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/background-image-parallax/" rel="nofollow ugc">Background Image Parallax</a> – Create depth with moving backgrounds for a visually modern design.[New] [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/testimonial-grid/" rel="nofollow ugc">Testimonial Grid</a> – Display client reviews in a structured and engaging layout. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/navbar/" rel="nofollow ugc">Navbar</a> – Create a responsive and user-friendly navigation bar. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/search/" rel="nofollow ugc">Search</a> – Add a search bar to help visitors find content easily. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/product-carousel/" rel="nofollow ugc">Product Carousel</a> – Showcase your WooCommerce products in a stylish slider. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/floating-effects/" rel="nofollow ugc">Floating Effects</a> – Add animations to make elements stand out. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/creative-button" rel="nofollow ugc">Creative Button</a> – Design eye-catching buttons with unique effects. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/static-carousel/" rel="nofollow ugc">Static Carousel</a> – Display images, text, or content in a static slider. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/featured-box/" rel="nofollow ugc">Featured Box</a> – Highlight key features or services attractively. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/call-out/" rel="nofollow ugc">Call Out</a> – Grab attention with standout messages or promotions. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/mega-menu/" rel="nofollow ugc">Mega Menu</a> – Build advanced and multi-level menus for better navigation. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/image-hover-effects/" rel="nofollow ugc">Image Hover Effects</a> – Add stunning hover animations to your images. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/charts/" rel="nofollow ugc">Chart</a> – Visualize data with interactive charts and graphs. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/widget-tooltip/" rel="nofollow ugc">Widget Tooltip</a> – Show helpful tips when users hover over elements. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/vertical-menu/" rel="nofollow ugc">Vertical Menu</a> – Create side menus for easy browsing. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/portfolio-gallery/" rel="nofollow ugc">Portfolio Gallery</a> – Display projects in a beautiful grid layout. [Pro]
👉 <a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Check All the Widgets</a>
<h3>2700+ Free & Pro Ready-Made Templates for Every Page & Section</h3>
With Element Pack Elementor Addon, you get a massive collection of professionally designed templates to build stunning websites quickly and easily. No need to start from scratch—just import, customize and launch!
<h3>400+ Page Templates – Build Full Websites in Minutes</h3>
Get access to 400+ complete page templates across 20+ categories, including:
✅ Landing Pages – Convert more visitors with high-converting designs.
✅ Service Pages – Showcase your services professionally and attract clients.
✅ Ecommerce Pages – Create beautiful WooCommerce product pages and boost sales.
✅ Portfolio Pages – Display your work in a stunning layout.
… and many more!
<h3>1900+ Free Blocks – Mix & Match to Create Unique Designs</h3>
✅ Hero Sections – Grab attention with engaging headlines and visuals.
✅ Testimonials – Build credibility with customer reviews.
✅ Call-to-Action Blocks – Encourage users to take action.
✅ Pricing Tables – Clearly present your pricing and packages.
… and many more to fit your needs!
<h3>250+ Header & Footer Templates – Professional Navigation & Branding</h3>
✅ Modern Headers – Improve navigation and user experience.
✅ Sticky & Transparent Headers – Create seamless, stylish designs.
✅ Customizable Footers – Add essential links, contact details and branding.
👉 <a href="https://www.elementpack.pro/ready-templates/ready-blocks/#ready-block" rel="nofollow ugc">Check all the templates with Live Demo</a>
<h3>Powerful WooCommerce Features for Elementor</h3>
Enhance your online store with Element Pack’s WooCommerce Elementor widgets. Build stunning, user-friendly shopping experiences with seamless Elementor integration.
🛒 WooCommerce Checkout Page – Smooth & Secure Payments
Create a fully customized checkout page that ensures a seamless and secure payment process. Improve conversions by optimizing the design for user experience.
🛍 WooCommerce Cart Page – Easy & Interactive Shopping Cart
Design an intuitive cart page where customers can view, update and manage their orders effortlessly, leading to a smoother shopping experience.
📦 WooCommerce Tracking Form – Real-Time Order Tracking
Let your customers track their orders easily with a WooCommerce tracking form. Improve customer satisfaction by providing real-time shipping updates.
🏷 WooCommerce Product – Showcase Products Beautifully
Display your WooCommerce products in a visually appealing layout. Highlight product details, pricing and add-to-cart buttons to drive more sales.
🎠 WooCommerce Slider – Engaging Product Carousels
Create dynamic WooCommerce product sliders to showcase featured, latest, or on-sale products. Grab attention and encourage more clicks with an interactive display.
👉 <a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Check all WooCommerce Elementor Elements</a>
<h3>Exclusive & Unique Features to Supercharge Your Website</h3>
With Element Pack, you get powerful Elementor extensions that make designing your website easier, faster and more interactive. Improve user experience, streamline content and take full control of your site.
<h3>Seamless Easy Digital Downloads Integration for Your Store</h3>
Get all the features of Easy Digital Downloads (EDD) with Element Pack’s essential widgets. Whether you’re selling digital products, managing customer accounts, or showcasing reviews, these widgets make everything easier and more engaging.
<h3>Live Copy-Paste – Save Time with Instant Design Replication</h3>
You can copy any Elementor section or widget from one website to another with just one click. No need to recreate designs—just copy, paste and go!
<h3>Dynamic Grid & Carousel – Showcase Your Content Beautifully</h3>
Easily display posts, products, or custom content in a stylish grid or carousel. Keep your visitors engaged with interactive layouts.
<h3>Comparison List – Help Your Visitors Make Better Choices</h3>
You can let users compare multiple products, services, or features side by side. Perfect for eCommerce and pricing tables.
<h3>Visibility Controls – Display What Matters, When It Matters</h3>
Take full control of your content by choosing who sees what based on device type, user roles, or conditions. Customize your site for the right audience.
<h3>Notation – Make Your Content More User-Friendly</h3>
Highlight important sections with notes, labels, or tooltips. Guide your users and make your site easier to navigate.
<h3>iFrame – Embed External Content Seamlessly</h3>
You can display external websites, videos, or custom content inside your pages without affecting design or performance.
<h3>Scroll Box – Keep Long Content Organized</h3>
Wrap large text sections inside a scrollable box to keep your pages clean and easy to read. Ideal for FAQs, policies, or detailed information.
<h3>Sub Menu – Improve Your Site Navigation</h3>
Create multi-level submenus to help visitors navigate your site effortlessly. Keep your menus structured and user-friendly.
With Element Pack, you have everything you need to build a dynamic, engaging and user-friendly website!
<a href="https://www.elementpack.pro/" rel="nofollow ugc">Download Element Pack Free</a>
<a href="https://www.elementpack.pro/pricing/" rel="nofollow ugc">PURCHASE ELEMENT PACK PRO FROM OUR WEBSITE</a>
<h3>Common Issues and Solutions: 🐣</h3>
<ul>
<li>Editor fails to load 
Ans. It is due to your server PHP setting. You can increase PHP memory limit from wp-config.php file or php.ini file 
<a href="https://bdthemes.com/fix-elementor-stuck-on-loading-screen-instantly/" rel="nofollow ugc">View Documentation</a></li>
</ul>
<h3>Need Help?</h3>
Have a feature suggestion? Share it with us on our <a href="https://feedback.bdthemes.com/b/6vr2250l/feature-requests/idea/new" rel="nofollow ugc">Feature Suggestion Page</a>. 
For assistance, <a href="https://bdthemes.com/support/" rel="nofollow ugc">Contact us</a> 💌 or check out our Tutorials.
<h3>Check out our other Addons 👑</h3>
Explore the best free addons for Elementor and Gutenberg to boost your site with advanced blocks, sliders and eCommerce tools.
<ul>
<li>
<a href="https://wordpress.org/plugins/zoloblocks/" rel="ugc">ZoloBlocks</a> 🆕☀️ – Advanced Gutenberg block plugin for powerful web design.
</li>
<li>
<a href="https://wordpress.org/plugins/bdthemes-prime-slider-lite/" rel="ugc">Prime Slider</a> – Next-gen slider builder with a sleek interface.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-post-kit/" rel="ugc">Ultimate Post Kit</a> – Ultimate blogging addon with customizable widgets.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-store-kit/" rel="ugc">Ultimate Store Kit</a> – eCommerce addon for perfect online store designs.
</li>
<li>
<a href="https://wordpress.org/plugins/pixel-gallery/" rel="ugc">Pixel Gallery</a> – Easy-to-use image gallery addon for Elementor.
</li>
<li>
<a href="https://wordpress.org/plugins/live-copy-paste/" rel="ugc">Live Copy Paste</a> – Fast, cross-domain copy-paste for WordPress websites.
</li>
</ul>
Visit <a href="https://bdthemes.com/" rel="nofollow ugc">BdThemes</a> for services, page builders, blogs, documentation and exclusive ultimate addons for Elementor coupons.

Element Pack Addons for Elementor

This plugin is of great use . i had to purchase the pro pack and are very happy with the plugin . they are updating regurley .

Very happy


BdThemes offers a comprehensive solution for Elementor and WordPress users in Gothenburg. Their suite of UI/UX widgets and tools is not only perfect but also user-friendly. With an extensive collection of ready-to-use templates and blocks, they make website building a breeze. Additionally, their customer support is commendably quick and helpful, ensuring a smooth experience for all users.


BdThemes offers a comprehensive solution for Elementor and WordPress


I recently tried using your plugin on a couple of my websites and overall it was good. However, when I tried to add certain elements like testimonials, I found that I needed to install another plugin to create a custom post type (CPT) and other necessary components. In my opinion, it would be better if all the required features were included in your main plugin or in your pro version, instead of having to install additional plugins for specific elements. The same issue applies to the pricing plan options. I believe there is room for improvement in this aspect, and consolidating all the necessary features into one plugin would be highly beneficial.


Good plugin but there's a room for improvement

Ultimate Elementor addon with 300+ widgets, templates, live copy paste, post grid, header footer, mega menu, dynamic builder, WooCommerce and more.

Magic Elements vs Element Pack Addons for Elementor