Mohammed Rezq

Quality addons and widgets for Elementor to build best pages and templates, improve your Elementor Page Builder experience and boost your website performance.
Supercharge your Elementor Page Builder with Wadi Addons for Elementor. Customizable and easy to use Elementor Widgets.
Get more Elementor Widgets, Templates, Addons, Elements, and more with Wadi Addons for Elementor.
<h3>Customizable</h3>
Wadi Addons for Elementor provide lots of features and options that makes your designs highly customizable, it allows you to create your own design and style.
<h3>Performance</h3>
Performance of our widgets with high priority. We use latest and best technologies to make our widgets perform faster and more efficiently.
<h3>Elements Control</h3>
Provide you with a wide range of elements, but you still can control which elements to enable and disable to improve your website performance.
<h3>Growing Features</h3>
We are continuously adding new features to our widgets and templates to make them more powerful and easy to use.
<h3>Expert Support</h3>
We have great support team ready to help you. Ask your questions in the support forum, or contact us directly contact form within the plugin.
<h3>Elementor Widgets & Elements</h3>
<a href="https://www.wadiweb.com/wadi-accordion-widget-for-elementor/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Accordion</a> (Free): Create collapsible panels. you can create FAQ, or any other type of content in collapsible panels (Accordion). 
Testimonial (Free): Display your testimonials in a beautiful and professional way, it also showcase your review, and help with your product credibility. 
<a href="https://www.wadiweb.com/wadi-media-carousel-for-elementor/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Media Carousel</a> (Pro): Create high quality media carousel, with range of layouts, it can be used for different cases display your products, share media about your life, it can also used to show logos of your clients and many other use cases. 
<a href="https://www.wadiweb.com/wadi-gallery-grid-widget-for-elementor/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Gallery Grid</a> (Free): Showcase your gallery images, videos in a beautiful grid view, with advanced filtering, and connecting to specific parts of your gallery remotely. 
Flip Box (Pro): Hide your content behind a beautiful 3D flip box. 
Carousel (Free): Create beautiful carousel with multiple layouts, using existing Elementor Templates. 
Blockquote (Free): Show quotes from famous people, authors, and others using Wadi Blockquote for Elementor. 
Price List (Free): Display your menus, products, and services using Price List for Elementor. 
Posts (Free): Show your posts, pages, and other custom post types using Posts for Elementor, Also it provides an advanced filtering and pagination (Infinite Scroll on Load or On Click) for WordPress Posts, Pages. 
Pricing Table (Pro): Create beautiful pricing tables with advanced features. 
Tabs (Pro): Show content in tabs horizontally and vertically, with many advanced features and styling options. 
Info Box (Free): Design quality info boxes to display your information in an awesome way. 
Content Toggle (Pro): Display your content in smart way with Content Toggle for Elementor. 
Dual Heading (Free): Highlight your heading with different colors and backgrounds. 
<a href="https://www.wadiweb.com/wadi-charts-widget-for-elementor/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Charts</a> (Pro): Visualize your data, and create highly creative charts for your data and display better visuals for the users. 
<a href="https://www.wadiweb.com/wadi-table-widget-for-elementor/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Table</a> (Pro): Organize your data into tables, it provides the ability to sort, filter, and sort your data easily with minimal effort. 
Modal Popup (Pro): Create stunning Modals and Popup easily for Elementor, Provides the option to display Modal on Click or on Page load with delays. 
Video (Free): Show your videos in the best possible way using Video Widget, Use Youtube, Vimeo, Dailymotions, or Self Hosted videos with sticky, and lightbox options. 
Image Accordion (Pro): Display your content in a creative way with Image Accordions Vertically or Horizontally. 
Lottie Animation (Pro): Use Lottie Animations on your pages and take your pages to the next level with interactive Lottie Animations on your Elementor Sections and Pages. 
Image Comparison (Pro): Compare between two images before and after using Image Comparison for Elementor. 
Fancy Text (Pro): Create fancy text to highlight your content with different effects from highlighting, to typing effect for your text and more. 
Testimonial Carousel (Pro): Show your Testimonials in a Carousel out of the box, and make your visitors know about your business. 
PayPal Checkout (Pro): Use PayPal Checkout for Elementor out of the box with ease to sell your products (Physical Products, Digital Products, and Dondations) and services, allow users to select the quantity, or preset quantity with ease. 
PayPal Subscription (Pro): Use PayPal Checkout for Elementor to sell Subscriptions for services or products with ease. 
PayPal Donation (Pro): Use PayPal Donation Widget for Elementor to receive donations.

Wadi Addons for Elementor

Wadi Addons for Elementor Page Builder provides a collection of quality Elementor Widgets which powers your Elementor Page Builder and takes your page …

Theme-X

🚀 NEW: Elementor Theme Builder (Header & Footer) 
Elematic now includes a built-in Elementor Theme Builder, allowing you to create custom headers and footers visually using Elementor, without editing theme files or writing code.
You can: 
– Design global or conditional headers and footers 
– Edit header, content, and footer layouts seamlessly 
– Use Elementor widgets and Elematic widgets inside headers and footers 
– Replace theme headers and footers safely, even on block themes
This makes Elematic a complete layout solution, not just a widget pack.
Elematic is a fast, lightweight addon for the Elementor page builder, designed for modern WordPress websites. It includes beautifully animated widgets inspired by Webflow and Framer, giving you motion-design freedom directly inside Elementor.
Whether you’re building a landing page, business website, portfolio, SaaS layout, blog, or WooCommerce store, Elematic gives you everything you need to design clean, interactive, and high-converting layouts.
The plugin is built with performance first in mind. Assets load only when widgets are used, ensuring fast page loads, strong Core Web Vitals, and excellent Google PageSpeed scores.
🚀 With Elematic, you can build: 
– Custom Elementor headers and footers 
– High-engagement landing pages 
– Animated portfolios and creative layouts 
– Modern SaaS and agency websites 
– Interactive product and marketing pages
👉 Perfect for: 
✔ Designers 
✔ Agencies 
✔ Developers 
✔ Bloggers 
✔ WooCommerce stores 
✔ Elementor users who want more control and better animations
<h3>Key Highlights</h3>
<ul>
<li>Elementor Theme Builder (Header & Footer)</li>
<li>Webflow & Framer-style animations</li>
<li>Performance-optimized architecture</li>
<li>Clean HTML and minimal CSS output</li>
<li>Works with Elementor Free & Pro</li>
<li>Fully responsive and SEO friendly</li>
</ul>
<h3>Elementor Theme Builder (Header & Footer)</h3>
Elematic includes a visual Theme Builder that lets you design headers and footers using Elementor.
Features: 
– Create unlimited headers and footers 
– Assign display conditions (global, pages, posts, archives) 
– Edit headers/footers directly from the frontend 
– Compatible with classic and block themes 
– No theme file overrides 
– Safe, lightweight, and cache-friendly
This brings Elementor Pro-style header/footer editing into a lightweight, developer-friendly plugin.
<h3>Included Widgets</h3>
<ul>
<li>
<a href="https://themes.network/elematic/3d-carousel/" rel="nofollow ugc">3D Carousel</a> 
Bring your images to life with realistic depth and perspective. This new widget creates a striking 3D rotating stage with dynamic scaling, custom slide labels, and elegant shadow details.
</li>
<li>
<a href="https://themes.network/elematic/accordion/" rel="nofollow ugc">Accordion</a> 
Clean collapsible FAQ sections with icons and smooth animation.
</li>
<li>
<a href="https://themes.network/elematic/animated-heading/" rel="nofollow ugc">Animated Heading</a> 
Dynamic title animations (typed, sliding, or looping) to highlight key headlines.
</li>
<li>
<a href="https://themes.network/elematic/animated-shape/" rel="nofollow ugc">Animated Shape</a> 
Modern motion shapes and blobs to add subtle, looping background animation to sections and hero areas.
</li>
<li>
<a href="https://themes.network/elematic/banner/" rel="nofollow ugc">Banner</a> 
Create modern hero banners with image, title, subtitle, and CTA buttons with animations, perfect for landing pages and marketing sections.
</li>
<li>
<a href="https://themes.network/elematic/breadcrumbs/" rel="nofollow ugc">Breadcrumbs</a> 
SEO-friendly dynamic breadcrumbs for pages, posts, archives, and WooCommerce.
</li>
<li>
<a href="https://themes.network/elematic/button/" rel="nofollow ugc">Button</a> 
Customizable button with icons, hover effects, and full control over typography, spacing, and borders.
</li>
<li>
<a href="https://themes.network/elematic/chart/" rel="nofollow ugc">Chart</a> 
Responsive, animated charts (bar, line, pie, radar, horizontal, vertical, etc.) powered by your data, with full color and typography control for dashboards and stats sections.
</li>
<li>
<a href="https://themes.network/elematic/circle-info/" rel="nofollow ugc">Circle Info</a> 
Interactive circular feature widget with auto/manual rotation and clickable icons revealing detailed content in the center.
</li>
<li>
<a href="https://themes.network/elematic/circle-progress-bar/" rel="nofollow ugc">Circle Progress Bar</a> 
Animated circular progress indicator with percentage display and full styling control for dashboards, skills, and achievement counters.
</li>
<li>
<a href="https://themes.network/elematic/circle-text/" rel="nofollow ugc">Circle Text</a> (Webflow + Framer style) 
Create rotating circular text around logos or icons with smooth Webflow/Framer-style animation for badges, seals, and hero sections.
</li>
<li>
<a href="https://themes.network/elematic/contact-form-7/" rel="nofollow ugc">Contact Form 7</a> 
Style Contact Form 7 forms inside Elementor with custom spacing, colors, and typography without touching CSS.
</li>
<li>
<a href="https://themes.network/elematic/countdown/" rel="nofollow ugc">Countdown</a> 
Create animated countdown timers for launches, sales, or events with full control over layout, labels, and expiry actions.
</li>
<li>
<a href="https://themes.network/elematic/counter/" rel="nofollow ugc">Counter</a> 
Animate numbers from any start/end value with icons, prefixes, and suffixes to highlight key stats or milestones.
</li>
<li>
<a href="https://themes.network/elematic/dual-button/" rel="nofollow ugc">Dual Button</a> 
Create side-by-side CTA buttons with separate links and icons, featuring 50 built-in gradient presets for instant modern styling.
</li>
<li>
<a href="https://themes.network/elematic/features/" rel="nofollow ugc">Features</a> 
Create flexible feature sections with custom items or fully dynamic content pulled from any post type. Supports images, titles, descriptions, meta info, and multi-column layouts for building service lists, feature highlights, or dynamic content showcases.
</li>
<li>
<a href="https://themes.network/elematic/flip-box/" rel="nofollow ugc">Flip Box</a> 
Create interactive cards that flip on hover with zoom, up/down, left/right and other 3D flip effects to reveal extra info or CTAs.
</li>
<li>
<a href="https://themes.network/elematic/gallery/" rel="nofollow ugc">Gallery</a> 
Responsive, filterable image gallery with hover effects, spacing control, and built-in lightbox/popup modal for clean portfolio and showcase layouts.
</li>
<li>
<a href="https://themes.network/elematic/grid/" rel="nofollow ugc">Grid</a> 
Flexible multi-column content grid with image, icon, title, description, read-more link, and optional image lightbox for services, features, or portfolio cards.
</li>
<li>
<a href="https://themes.network/elematic/highlight-text/" rel="nofollow ugc">Highlight Text</a> (Webflow + Framer style) 
Scroll-triggered highlight text effect inspired by Webflow and Framer, animating your headings or paragraphs as they enter the viewport.
</li>
<li>
<a href="https://themes.network/elematic/horizontal-timeline/" rel="nofollow ugc">Horizontal Timeline</a> 
Display milestones and events in a scrollable horizontal timeline with 4 layout styles, custom icons, images, dates, and an animated progress line — perfect for history sections, roadmaps, and process flows.
</li>
<li>
<a href="https://themes.network/elematic/hotspot/" rel="nofollow ugc">Hotspot</a> 
Lets you add clickable markers over images with tooltips or popups, perfect for product highlights, maps, and interactive storytelling.
</li>
<li>
<a href="https://themes.network/elematic/icon-box/" rel="nofollow ugc">Icon Box</a> 
Lets you showcase features in 3 layouts using icon or image, with full-box hover effects for highly interactive service or feature blocks.
</li>
<li>
<a href="https://themes.network/elematic/image-animate/" rel="nofollow ugc">Image Animate</a> 
Adds smooth left-right and up-down reveal animations to your images for simple, lightweight scroll-based motion effects.
</li>
<li>
<a href="https://themes.network/elematic/image-box/" rel="nofollow ugc">Image Box</a> 
Displays an image with title, description, and optional button in multiple layouts, ideal for feature/service cards and promo blocks.
</li>
<li>
<a href="https://themes.network/elematic/image-comparison/" rel="nofollow ugc">Image Comparison</a> 
Add an interactive draggable before/after slider with hover, smoothing, and label controls for showcasing transformations or visual changes in horizontal and vertical orientation.
</li>
<li>
<a href="https://themes.network/elematic/image-hover/" rel="nofollow ugc">Image Hover</a> 
Add 30+ modern hover effects to images with title, description, and overlay controls for eye-catching rollovers.
</li>
<li>
<a href="https://themes.network/elematic/image-mask/" rel="nofollow ugc">Image Mask</a> 
Clip images into 80+ ready-made artistic shapes (ink, blobs, badges, etc.) for instant Webflow-style image frames.
</li>
<li>
<a href="https://themes.network/elematic/image-scrolling/" rel="nofollow ugc">Image Scrolling</a> 
Create smooth horizontal or vertical image scrolling effects for product shots, long screenshots, or parallax-style image reveals.
</li>
<li>
<a href="https://themes.network/elematic/image-slide/" rel="nofollow ugc">Image Slide</a> (Webflow + Framer style) 
Create smooth looping image strips that slide left, right, up, or down for modern Webflow/Framer-style hero and gallery sections.
</li>
<li>
<a href="https://themes.network/elematic/info-link/" rel="nofollow ugc">Info Link</a> 
Create an interactive tab-style content switcher with icons where text changes dynamically on click for cleaner layouts and better UX.
</li>
<li>
<a href="https://themes.network/elematic/logo/" rel="nofollow ugc">Logo</a> 
Dynamic site logo widget with responsive images and title/tagline support.
</li>
<li>
<a href="https://themes.network/elematic/lottie/" rel="nofollow ugc">Lottie</a> 
Add lightweight JSON animations with full playback controls, autoplay, loop, speed adjustment, and scroll-based animation support.
</li>
<li>
<a href="https://themes.network/elematic/marquee/" rel="nofollow ugc">Marquee</a> (Webflow + Framer style) 
Create smooth, looping marquee rows for text or logos with controllable speed, direction, and hover pause, inspired by Webflow and Framer motion rails.
</li>
<li>
<a href="https://themes.network/elematic/menu/" rel="nofollow ugc">Menu</a> 
Advanced Elementor navigation menu for headers and layouts.
</li>
<li>
<a href="https://themes.network/elematic/page-title/" rel="nofollow ugc">Page Title</a> 
Dynamic page, archive, author, and WooCommerce titles.
</li>
<li>
<a href="https://themes.network/elematic/post-alter/" rel="nofollow ugc">Post Alter</a>. Display blog posts in an alternating left-right layout with featured images, meta info, excerpt. Perfect for storytelling-style blog layouts.
</li>
<li>
<a href="https://themes.network/elematic/post-grid/" rel="nofollow ugc">Post Grid</a>. Display posts in a customizable grid with category filters, numbered pagination and AJAX “Load More” button without page reload.
</li>
<li>
<a href="https://themes.network/elematic/post-tab/" rel="nofollow ugc">Post Tab</a> 
Display posts in a tabbed layout organized by any taxonomy, with left/top/right tab positions, click or hover trigger, and a responsive multi-column grid — ideal for browsing blog content by category on a single page.
</li>
<li>
<a href="https://themes.network/elematic/post-tiled/" rel="nofollow ugc">Post Tiled</a> 
Modern tiled post layouts with 13 styles layout.
</li>
<li>
<a href="https://themes.network/elematic/progress-bar/" rel="nofollow ugc">Progress Bar</a> 
Show elegant vertical or horizontal progress indicators for skills, stats, or milestones with full color and animation controls.
</li>
<li>
<a href="https://themes.network/elematic/service-list/" rel="nofollow ugc">Service List</a> (Webflow + Framer style) 
Display modern, animated service rows with icons, descriptions, title, subtle and hover image inspired by Webflow and Framer layouts.
</li>
<li>
<a href="https://themes.network/elematic/table/" rel="nofollow ugc">Table</a> 
Create responsive, styled data tables with headings, rows, and typography controls for pricing, feature comparison, or structured content layouts.
</li>
<li>
<a href="https://themes.network/elematic/team/" rel="nofollow ugc">Team</a> 
Team member profiles in 4 styles with social links and hover effects.
</li>
<li>
<a href="https://themes.network/elematic/timeline/" rel="nofollow ugc">Timeline</a> 
Visual timeline with custom or dynamic posts, alternating layouts, dates, images, and smooth milestone animations.
</li>
</ul>
<h3>Global Module</h3>
<ul>
<li>Wrapper Link (Module) 
Add a clickable link to entire widgets, columns, or containers, enabling full-area linking without custom code.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Elementor Theme Builder (Header & Footer)</li>
<li>Works with Elementor Free and Pro</li>
<li>Loads assets only when needed</li>
<li>Translation ready (.pot included)</li>
<li>Compatible with caching and optimization plugins</li>
<li>Optimized for Core Web Vitals and Lighthouse scores</li>
</ul>
<h3>Support</h3>
For support, please visit the <a href="https://wordpress.org/support/plugin/elematic-addons-for-elementor/" rel="ugc">plugin support forum</a>.
<h3>Credits</h3>
Developed by <a href="https://theme-x.org/" rel="nofollow ugc">theme-x</a>

Elematic — Elementor Addons, Header Footer Builder & Animations

Modern Elementor addons with Webflow-style animations, advanced widgets, and a powerful Elementor Theme Builder to create custom headers and footers.

Wadi Addons for Elementor vs Elematic — Elementor Addons, Header Footer Builder & Animations