Title: Magic Elements Author: Loyalcoders Published: Onwa-asatö 19, 2025 Last modified: Onwa-asatö 27, 2026 --- Search plugins ![](https://s.w.org/plugins/geopattern-icon/magic-elements.svg) # Magic Elements By [Loyalcoders](https://profiles.wordpress.org/loyalcoder/) [Download](https://downloads.wordpress.org/plugin/magic-elements.1.0.4.zip) * [Details](https://ibo.wordpress.org/plugins/magic-elements/#description) * [Reviews](https://ibo.wordpress.org/plugins/magic-elements/#reviews) * [Installation](https://ibo.wordpress.org/plugins/magic-elements/#installation) * [Development](https://ibo.wordpress.org/plugins/magic-elements/#developers) [Support](https://wordpress.org/support/plugin/magic-elements/) ## Description **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. ### Features: * A collection of unique and powerful Elementor widgets. * Header & Footer Builder for full-site layout control. * Pre-designed templates to kickstart your designs. * Easy-to-use interface with seamless integration. * Fully responsive and optimized for performance. ### Elementor Widgets Included Magic Elements ships with a focused library of **28 Elementor widgets**, covering content, marketing, navigation, and layout use‑cases: * ✅ **Image** – Flexible image widget with full style controls. * ✅ **Button** – Modern buttons with icon, hover, and alignment options. * ✅ **Pricing Table** – Create pricing / plan tables with badges and CTA. * ✅ **Team** – Showcase team members with image, name, role, and socials. * ✅ **Text Editor** – Enhanced text/content block with styling controls. * ✅ **Image Accordion** – Interactive image accordion with hover/click reveal. * ✅ **Flip Card** – Front/back card with animated flip interaction. * ✅ **Heading** – Advanced headings with typography and decorative styles. * ✅ **Post Category Tab** – Filter posts by category in a tabbed layout. * ✅ **Accordion** – FAQ/accordion content with icons and animations. * ✅ **Counter** – Animated number counters for stats and milestones. * ✅ **Category List** – List blog categories with icons and links. * ✅ **Card** – Content card with image, title, text, and button. * ✅ **Tab** – Horizontal tabs for organizing content sections. * ✅ **Post** – Blog posts grid with thumbnail, meta, and excerpt. * ✅ **Image Compare** – Before/after image comparison slider. * ✅ **Light Box** – Custom lightbox for images, text, or video content. * ✅ **Post List** – List style blog layout with meta and read more. * ✅ **Page List** – List of selected pages with icons and links. * ✅ **Multiple Button** – Repeater-based multi-button layout (button groups). * ✅ **Icon Box** – Icon + title + description info boxes. * ✅ **Info Box** – Content/info box with icon and call-to-action button. * ✅ **Feature List** – Feature rows with icons, titles, and descriptions. * ✅ **Review** – Testimonial/review block with rating stars. * ✅ **Timeline** – Vertical timeline with dates, titles, and content. * ✅ **Progress Bar** – Animated progress/skill bars with percentage. * ✅ **Multi Step** – Multi-step wizard/flow with steps, content, and completion popup. * ✅ **Nav Menu** – Custom header navigation menu with logo, search, and mega-menu ready structure. Elevate your Elementor experience and create visually stunning websites with ease. ### Source Code 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 `/assets/dist/` directory of the plugin. You can review, study, and modify the source as needed. ### Build Instructions (If applicable) To generate the minified assets from the source code, follow these steps: 1. Clone the repository: `git clone [Your Repository URL]` _(Replace with your actual repository URL)_ 2. Navigate to the project directory: `cd [Your Repository Directory]` _(Replace with your actual directory name)_ 3. Install dependencies: `npm install` 4. Build the project: `npm run build` (or your specific build command, e.g., `yarn build`, `gulp build`) The generated files will be placed in the `dist` directory, ready to be used in your WordPress plugin. _(Adjust this if your build process outputs to a different directory)_ ### Credits Developed by [LoyalCoder](https://loyalcoder.com). Inspired by the needs of Elementor users worldwide. ## Installation 1. Download the plugin from [WordPress.org](https://wordpress.org/plugins/magic-elements/). 2. Upload the plugin files to the `/wp-content/plugins/magic-elements/` directory, or install the plugin directly through the WordPress plugin screen. 3. Activate the plugin through the ‘Plugins’ screen in WordPress. 4. Ensure you have Elementor installed and activated for the plugin to work. ## FAQ ### Do I need Elementor installed to use this plugin? Yes, Elementor is required for Magic Elements to function properly. ### Does this plugin work with all WordPress themes? Yes, Magic Elements works with any theme that supports Elementor. ### How can I get support if I encounter an issue? You can reach out via our [support page](https://loyalcoder.com/support). ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Magic Elements” is open source software. The following people have contributed to this plugin. Contributors * [ Loyalcoders ](https://profiles.wordpress.org/loyalcoder/) [Translate “Magic Elements” into your language.](https://translate.wordpress.org/projects/wp-plugins/magic-elements) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/magic-elements/), check out the [SVN repository](https://plugins.svn.wordpress.org/magic-elements/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/magic-elements/) by [RSS](https://plugins.trac.wordpress.org/log/magic-elements/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.4 * Compatibility update: tested up to WordPress 6.9 and Elementor 3.35.0. * Additional PHPCS/WPCS fixes and security hardening across Elementor widgets and templates. * Improved readme documentation and detailed widget list for WordPress.org. #### 1.0.3 * Added Header & Footer Builder to feature set. * Security and guideline compliance (sanitization, escaping, direct file access protection). #### 1.0.0 * Initial release with core features. ## Meta * Version **1.0.4** * Last updated **2 months ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/magic-elements/) * Tags * [addons](https://ibo.wordpress.org/plugins/tags/addons/)[elementor](https://ibo.wordpress.org/plugins/tags/elementor/) [elementor templates](https://ibo.wordpress.org/plugins/tags/elementor-templates/) [elementor widgets](https://ibo.wordpress.org/plugins/tags/elementor-widgets/) [page builder](https://ibo.wordpress.org/plugins/tags/page-builder/) * [Advanced View](https://ibo.wordpress.org/plugins/magic-elements/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/magic-elements/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/magic-elements/reviews/) ## Contributors * [ Loyalcoders ](https://profiles.wordpress.org/loyalcoder/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/magic-elements/)