60+ widgets, 100+ sections, 1600+ icons, GSAP animations, custom CSS/code, conditional display, header/footer builder & role manager

Noor Alam

Magical Addons for Elementor is an ultimate addons for Elementor users. Magical Addons has all the essential addons you need so no coding required to build modern WordPress websites. Enjoy advanced widgets, templates, and Elementor pro features completely free.
<h3>New & Hot Features</h3>
<ul>
<li>** Anything Carousel – NEW! **</li>
<li>** GSAP Scroll Animations **</li>
<li>** Custom Css Free **</li>
<li>** Custom Attributes Free **</li>
<li>** Custom Code Entire Site Free **</li>
<li>** Advanced WordPress user role manager **</li>
<li>** Conditional display Free **</li>
</ul>
<a href="https://magic.wpcolors.net/" rel="nofollow ugc">Check Elementor Magical Addons Demo Pages</a>
Comes with 60+ Widgets, 100+ premade sections and blocks, 1600+ premium line icons, custom CSS sections, Custom Attributes, Conditional content display, Custom code writing with syntax highlighted feature, 20+ template kits that help you build your websites in less time with no coding. our blocks and template library growing every week.
<h3>See Short video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bKLwBrxVjno?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>
<h3>Header & Footer builder Short video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qOCqMaPNads?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>
<h3>Conditional Display Feature</h3>
The Magical Conditional Display feature allows you to show or hide any Elementor widget, section, or column based on specific conditions. This powerful feature gives you complete control over when and to whom your content is displayed.
<h3>🎉 NEW: Magical GSAP Scroll Animations</h3>
Transform your website with professional scroll-triggered animations powered by GSAP (GreenSock Animation Platform) – the same animation library used by Apple, Google, and Nike!
Key Features: 
* 30+ Preset Animations – Fade, slide, zoom, flip, bounce, rotate, elastic, and special effects 
* Text Animations – Typewriter, split characters, wave effect, text reveal, bounce letters 
* Image Animations – Parallax, ken burns, blur in, 3D tilt, reveal effects 
* Background Animations – Parallax scroll, gradient shift, color morph, reveal effects 
* ScrollTrigger Support – Customize when animations start based on scroll position 
* Animation Controls – Duration, delay, and 30+ professional easing options 
* Play Modes – Play once, reverse on leave, or repeat animations 
* No Coding Required – Just select any element, go to Advanced Tab → Magical GSAP Animation
Pro Features: 
* Custom animation properties (X, Y, scale, rotation, skew, opacity) 
* Scrub animations linked to scroll position 
* Debug markers for fine-tuning 
* Advanced stagger animations
<h3>Magical Addons Widgets List:</h3>
<ul>
<li>All Free Widgets List:</li>
</ul>
<ol>
<li>
<a href="https://magic.wpcolors.net/mg-banner/" rel="nofollow ugc">Banner Widget</a> 
Create your website banner with the banner widget advance options. The banner widget has two different styles with huge options.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-slider/" rel="nofollow ugc">Animation Slider</a> 
You can create an awesome animation slider with images and text with our Animation Slider widget.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-info-box/" rel="nofollow ugc">Info Box</a> 
Show any kind of information with a beautiful design. A magical info box creates your website more attractive.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-call-to-action/" rel="nofollow ugc">Call to action</a> 
Content, image and button in one place with many styles and options in call to action widget.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-tabs/" rel="nofollow ugc">Tabs</a> 
Create both Vertical and Horizontal tabs with huge options & features. Hope you will enjoy our tabs widget.
</li>
<li>
<a href="https://magic.wpcolors.net/countdown-timer/" rel="nofollow ugc">Countdown</a> 
The countdown widget allows you to display a timer that counts down to a specific time or date. It’s perfect for under-construction pages, sale items, events etc.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-dual-heading/" rel="nofollow ugc">Dual Heading</a> 
You can create a headline with 2 different styles with this widget. Dual Heading Widget has every possible option.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-team-members/" rel="nofollow ugc">Team Members</a> 
The best way to build a team grid is to introduce your team members, co-workers, etc. you can easily customize the team member widget as per your need.
</li>
<li>
Timeline 
Create your timeline using the Magical timeline widget and showcase your timeline horizontal and vertical with awesome style.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-accordion/" rel="nofollow ugc">Accordion</a> 
Display your website content in a foldable and succinct way using the Accordion widget. You can easily create your website faq section with the widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-about-widget/" rel="nofollow ugc">About me</a> 
Display about your details on your webpage by the magical about me widget.
</li>
<li>
<a href="https://magic.wpcolors.net/progress-bar/" rel="nofollow ugc">Progress Bar</a> 
Progress Bar Widget helps you to display user skills, task progress, download percentage, and other progressions in an awesome way.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-social-share/" rel="nofollow ugc">Social Share</a> 
Visitors can share your content on their social media accounts with one button click. it\’s a wonderful feature for improving your site Impressions
</li>
<li>
<a href="https://magic.wpcolors.net/mg-info-list/" rel="nofollow ugc">Info List</a> 
You can easily list your information by the Magical Elementor info list widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-dual-button/" rel="nofollow ugc">Dual Button</a> 
Display two buttons side by side with two different styles by dual button widget. Dual Button perfect for banner, call to action and any other section. It will improve your website visibility.
</li>
<li>
Template Insert 
You can insert your Elementor save the template by the template insert widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-back-to-top/" rel="nofollow ugc">Back to top</a> 
Elementor Back to top widget helps your visitor one click go page top easily. You can use the Back to top both in section and page.
</li>
<li>
<a href="https://magic.wpcolors.net/section-title/" rel="nofollow ugc">Section Title</a> 
Every website has a different style section title. Now you can easily create many different style section titles with the Elementor magical section title widget.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-card/" rel="nofollow ugc">Card</a> 
Display your content like services, products, offers and other items by our Elementor magical Card Widget on your WordPress website.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-dual-heading/" rel="nofollow ugc">Dual Heading</a> 
Display two different style heading by Elementor magical dual heading widget.
</li>
<li>
Text Effects 
You can add many different text effects to your webpage text. You can create an animation header or highlighted text animation by Elementor magical text effects widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-block-quote/" rel="nofollow ugc">Blockquote</a> 
Elementor blockquote widget is free. Now you can create awesome blockquote in your website content easily by Elementor magical Blockquote widget.
</li>
<li>
<a href="https://magic.wpcolors.net/video-edit-page/" rel="nofollow ugc">Video Card</a> 
Show your website content with video by the Elementor Magical video card widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-content-reveal/" rel="nofollow ugc">Content Reveal/Unfold</a> 
You can fit long text in a small area by the Content Reveal /Unfold widget. Elementor magical Content Reveal /Unfold widget is an awesome trick as it will make your layout design look better.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-icon-list/" rel="nofollow ugc">Icon List</a> 
You cat crate list with icon by Elementor magical icon list widget. You can set any icon from the icon library with huge options.
</li>
<li>
<a href="https://magic.wpcolors.net/pricing-table/" rel="nofollow ugc">Pricing Table</a> 
You can display detailed single prices or comparison pricing plans with the Elementor magical pricing table.
</li>
<li>
Data Table 
Elementor magical data table widget will let you create data tables with advanced styling options and features. Now show your data with a customizable table.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-flip-box/" rel="nofollow ugc">Flip Box</a> 
Elementor magical Flip Box Widget comes with cool 3D interactive effects. The Flip Box highlights your content in a great way.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-hover-card/" rel="nofollow ugc">Hover Card</a> 
Lots of hover effects are added in the Elementor magical hover card widget.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-image-comparison/" rel="nofollow ugc">Image Comparison</a> 
Elementor magical image comparison can compare two pictures with draggable or mouse hover options in horizontal and vertical layouts.
</li>
<li>
<a href="https://magic.wpcolors.net/magical-accordion/" rel="nofollow ugc">Image Accordion</a> 
Create eye-catching image accordions in both vertical and horizontal orientations inside with Elementor magical image accordion.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-image-scroll/" rel="nofollow ugc">Image Smooth Scroll</a> 
Elementor magical image smooth scroll allows you to display an image attractive scrolling way
</li>
<li>
<a href="https://magic.wpcolors.net/magical-posts-grid/" rel="nofollow ugc">Posts Grid</a> 
Display your website posts in many different grid styles with advanced posts query
</li>
<li>
Posts List
</li>
<li>Site Logo</li>
<li>Nav Menu</li>
<li>Category/tag list</li>
<li>
Mailchimp Widget
</li>
<li>
advanced Skillbar
</li>
<li>
Search Bar 
Now, you can customize your WordPress search bar in a unique way with Multiple styles.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-contact-form/" rel="nofollow ugc">Contact Form 7</a> 
Contact Form 7 Elementor Widget will help you to display contact forms on your website.
</li>
<li>
<a href="https://magic.wpcolors.net/mg-contact-form/" rel="nofollow ugc">WpForms</a> 
Display easily WPForms plugin forms ease way using the Elementor magical WPForms widget.
</li>
</ol>
<ul>
<li>All Pro Widgets List:</li>
</ul>
<a href="https://magic.wpcolors.net/filter-gallery/" rel="nofollow ugc">Portfolio/Filter Gallery</a>
<a href="https://magic.wpcolors.net/lottie/" rel="nofollow ugc">Lottie Animations</a>
<a href="https://magic.wpcolors.net/info-carousel/" rel="nofollow ugc">Info Box Carousel</a>
<a href="https://magic.wpcolors.net/bar-chart-pro/" rel="nofollow ugc">Bar Chart</a>
<a href="https://magic.wpcolors.net/testmonial-pro/" rel="nofollow ugc">Testimonial Carousel</a>
<a href="https://magic.wpcolors.net/promo-box-pro/" rel="nofollow ugc">Promo Box</a>
<a href="https://magic.wpcolors.net/price-menu-pro/" rel="nofollow ugc">Price Menu</a>
<a href="https://magic.wpcolors.net/photo-bunch/" rel="nofollow ugc">Photo Bunch</a>
<a href="https://magic.wpcolors.net/pdf-view/" rel="nofollow ugc">PDF View</a>
[One Page Nav]
<a href="https://magic.wpcolors.net/off-canvas/" rel="nofollow ugc">Off Canvas</a>
<a href="https://magic.wpcolors.net/modal-popup/" rel="nofollow ugc">Modal/Popup</a>
<a href="https://magic.wpcolors.net/hotspot-pro/" rel="nofollow ugc">Image Hotspots</a>
<a href="https://magic.wpcolors.net/counter-pro/" rel="nofollow ugc">Mg Counter</a>
<a href="https://magic.wpcolors.net/content-switcher/" rel="nofollow ugc">Content Switcher</a>
[Price comparison]
<a href="https://magic.wpcolors.net/animated-heading/" rel="nofollow ugc">Animated Heading</a>
[Ajax Search]
<a href="https://magic.wpcolors.net/advance-ticker/" rel="nofollow ugc">Advanced Ticker</a>
Note: This plugin is an addon of Elementor Page Builder. So the plugin only work with Elementor Page Builder plugin. 
(https://wordpress.org/plugins/elementor/)
<h4>Translations</h4>
<ul>
<li>English</li>
</ul>

Alternatives to Magical Addons For Elementor ( Header Footer Builder, Free Elementor Widgets, Elementor Templates Library )

Top alternatives