Title: Elematic — Addons for Elementor
Author: Theme-X
Published: <strong>Ogwekkuminogumu (Museenene) 1, 2025</strong>
Last modified: Mugulansigo 4, 2026

---

Search plugins

![](https://ps.w.org/elematic-addons-for-elementor/assets/banner-772x250.png?rev
=3403804)

![](https://ps.w.org/elematic-addons-for-elementor/assets/icon-256x256.png?rev=3403804)

# Elematic — Addons for Elementor

 By [Theme-X](https://profiles.wordpress.org/xy440/)

[Download](https://downloads.wordpress.org/plugin/elematic-addons-for-elementor.1.7.zip)

 * [Details](https://lug.wordpress.org/plugins/elematic-addons-for-elementor/#description)
 * [Reviews](https://lug.wordpress.org/plugins/elematic-addons-for-elementor/#reviews)
 *  [Installation](https://lug.wordpress.org/plugins/elematic-addons-for-elementor/#installation)
 * [Development](https://lug.wordpress.org/plugins/elematic-addons-for-elementor/#developers)

 [Support](https://wordpress.org/support/plugin/elematic-addons-for-elementor/)

## Description

🚀 **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

🔥 **Key Highlights**
 – Elementor Theme Builder (Header & Footer) – Webflow & Framer-
style animations – Performance-optimized architecture – Clean HTML and minimal CSS
output – Works with Elementor Free & Pro – Fully responsive and SEO friendly

### Elementor Theme Builder (Header & Footer)

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.

### Included Widgets

 * **[Accordion](https://themes.network/elematic/accordion/)**
    Clean collapsible
   FAQ sections with icons and smooth animation.
 * **[Animated Heading](https://themes.network/elematic/animated-heading/)**
    Dynamic
   title animations (typed, sliding, or looping) to highlight key headlines.
 * **[Animated Shape](https://themes.network/elematic/animated-shape/)**
    Modern
   motion shapes and blobs to add subtle, looping background animation to sections
   and hero areas.
 * **[Banner](https://themes.network/elematic/banner/)**
    Create modern hero banners
   with image, title, subtitle, and CTA buttons with animations, perfect for landing
   pages and marketing sections.
 * **[Breadcrumbs](https://themes.network/elematic/breadcrumbs/)**
    SEO-friendly
   dynamic breadcrumbs for pages, posts, archives, and WooCommerce.
 * **[Button](https://themes.network/elematic/button/)**
    Customizable button with
   icons, hover effects, and full control over typography, spacing, and borders.
 * **[Chart](https://themes.network/elematic/chart/)**
    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.
 * **[Circle Info](https://themes.network/elematic/circle-info/)**
    Interactive 
   circular feature widget with auto/manual rotation and clickable icons revealing
   detailed content in the center.
 * **[Circle Progress Bar](https://themes.network/elematic/circle-progress-bar/)**
   
   Animated circular progress indicator with percentage display and full styling
   control for dashboards, skills, and achievement counters.
 * **[Circle Text](https://themes.network/elematic/circle-text/) (Webflow + Framer
   style)**
    Create rotating circular text around logos or icons with smooth Webflow/
   Framer-style animation for badges, seals, and hero sections.
 * **[Contact Form 7](https://themes.network/elematic/contact-form-7/)**
    Style 
   Contact Form 7 forms inside Elementor with custom spacing, colors, and typography
   without touching CSS.
 * **[Countdown](https://themes.network/elematic/countdown/)**
    Create animated 
   countdown timers for launches, sales, or events with full control over layout,
   labels, and expiry actions.
 * **[Counter](https://themes.network/elematic/counter/)**
    Animate numbers from
   any start/end value with icons, prefixes, and suffixes to highlight key stats
   or milestones.
 * **[Dual Button](https://themes.network/elematic/dual-button/)**
    Create side-
   by-side CTA buttons with separate links and icons, featuring 50 built-in gradient
   presets for instant modern styling.
 * **[Features](https://themes.network/elematic/features/)**
    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.
 * **[Flip Box](https://themes.network/elematic/flip-box/)**
    Create interactive
   cards that flip on hover with zoom, up/down, left/right and other 3D flip effects
   to reveal extra info or CTAs.
 * **[Gallery](https://themes.network/elematic/gallery/)**
    Responsive, filterable
   image gallery with hover effects, spacing control, and built-in lightbox/popup
   modal for clean portfolio and showcase layouts.
 * **[Grid](https://themes.network/elematic/grid/)**
    Flexible multi-column content
   grid with image, icon, title, description, read-more link, and optional image
   lightbox for services, features, or portfolio cards.
 * **[Highlight Text](https://themes.network/elematic/highlight-text/) (Webflow 
   + Framer style)**
    Scroll-triggered highlight text effect inspired by Webflow
   and Framer, animating your headings or paragraphs as they enter the viewport.
 * **[Horizontal Timeline](https://themes.network/elematic/horizontal-timeline/)**
   
   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.
 * **[Hotspot](https://themes.network/elematic/hotspot/)**
    Lets you add clickable
   markers over images with tooltips or popups, perfect for product highlights, 
   maps, and interactive storytelling.
 * **[Icon Box](https://themes.network/elematic/icon-box/)**
    Lets you showcase 
   features in 3 layouts using icon or image, with full-box hover effects for highly
   interactive service or feature blocks.
 * **[Image Animate](https://themes.network/elematic/image-animate/)**
    Adds smooth
   left-right and up-down reveal animations to your images for simple, lightweight
   scroll-based motion effects.
 * **[Image Box](https://themes.network/elematic/image-box/)**
    Displays an image
   with title, description, and optional button in multiple layouts, ideal for feature/
   service cards and promo blocks.
 * **[Image Comparison](https://themes.network/elematic/image-comparison/)**
    Add
   an interactive draggable before/after slider with hover, smoothing, and label
   controls for showcasing transformations or visual changes in horizontal and vertical
   orientation.
 * **[Image Hover](https://themes.network/elematic/image-hover/)**
    Add 30+ modern
   hover effects to images with title, description, and overlay controls for eye-
   catching rollovers.
 * **[Image Mask](https://themes.network/elematic/image-mask/)**
    Clip images into
   80+ ready-made artistic shapes (ink, blobs, badges, etc.) for instant Webflow-
   style image frames.
 * **[Image Scrolling](https://themes.network/elematic/image-scrolling/)**
    Create
   smooth horizontal or vertical image scrolling effects for product shots, long
   screenshots, or parallax-style image reveals.
 * **[Image Slide](https://themes.network/elematic/image-slide/) (Webflow + Framer
   style)**
    Create smooth looping image strips that slide left, right, up, or down
   for modern Webflow/Framer-style hero and gallery sections.
 * **[Info Link](https://themes.network/elematic/info-link/)**
    Create an interactive
   tab-style content switcher with icons where text changes dynamically on click
   for cleaner layouts and better UX.
 * **[Logo](https://themes.network/elematic/logo/)**
    Dynamic site logo widget with
   responsive images and title/tagline support.
 * **[Lottie](https://themes.network/elematic/lottie/)**
    Add lightweight JSON animations
   with full playback controls, autoplay, loop, speed adjustment, and scroll-based
   animation support.
 * **[Marquee](https://themes.network/elematic/marquee/) (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.
 * **[Menu](https://themes.network/elematic/menu/)**
    Advanced Elementor navigation
   menu for headers and layouts.
 * **[Page Title](https://themes.network/elematic/page-title/)**
    Dynamic page, 
   archive, author, and WooCommerce titles.
 * **[Post Alter](https://themes.network/elematic/post-alter/)**. Display blog posts
   in an alternating left-right layout with featured images, meta info, excerpt.
   Perfect for storytelling-style blog layouts.
 * **[Post Grid](https://themes.network/elematic/post-grid/)**. Display posts in
   a customizable grid with category filters, numbered pagination and AJAX “Load
   More” button without page reload.
 * **[Post Tab](https://themes.network/elematic/post-tab/)**
    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.
 * **[Post Tiled](https://themes.network/elematic/post-tiled/)**
    Modern tiled post
   layouts with 13 styles layout.
 * **[Progress Bar](https://themes.network/elematic/progress-bar/)**
    Show elegant
   vertical or horizontal progress indicators for skills, stats, or milestones with
   full color and animation controls.
 * **[Service List](https://themes.network/elematic/service-list/) (Webflow + Framer
   style)**
    Display modern, animated service rows with icons, descriptions, title,
   subtle and hover image inspired by Webflow and Framer layouts.
 * **[Table](https://themes.network/elematic/table/)**
    Create responsive, styled
   data tables with headings, rows, and typography controls for pricing, feature
   comparison, or structured content layouts.
 * **[Team](https://themes.network/elematic/team/)**
    Team member profiles in 4 
   styles with social links and hover effects.
 * **[Timeline](https://themes.network/elematic/timeline/)**
    Visual timeline with
   custom or dynamic posts, alternating layouts, dates, images, and smooth milestone
   animations.

### Global Module

 * **Wrapper Link (Module)**
    Add a clickable link to **entire widgets, columns,
   or containers**, enabling full-area linking without custom code.

### Features

 * Elementor Theme Builder (Header & Footer)
 * Works with Elementor Free and Pro
 * Loads assets only when needed
 * Translation ready (.pot included)
 * Compatible with caching and optimization plugins
 * Optimized for Core Web Vitals and Lighthouse scores

### Support

For support, please visit the [plugin support forum](https://wordpress.org/support/plugin/elematic-addons-for-elementor/).

### Credits

Developed by [theme-x](https://theme-x.org/)

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/elematic-addons-for-elementor/`
 2. Activate the plugin from WordPress admin
 3. Edit any page with Elementor and find **Elematic** widgets
 4. Create headers and footers from Elematic Theme Builder

## FAQ

### Does Elematic include a header and footer builder?

Yes. Elematic includes a visual Elementor Theme Builder for creating custom headers
and footers.

### Does it work with Elementor Free?

Yes. All widgets and the Theme Builder work with Elementor Free.

### Will it slow down my website?

No. Elematic is built with performance-first architecture.

### Is the Theme Builder’s custom Header, Footer compatible with block themes?

Currently not, but we are working for it.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Elematic — Addons for Elementor” is open source software. The following people 
have contributed to this plugin.

Contributors

 *   [ Theme-X ](https://profiles.wordpress.org/xy440/)

[Translate “Elematic — Addons for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/elematic-addons-for-elementor)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/elematic-addons-for-elementor/),
check out the [SVN repository](https://plugins.svn.wordpress.org/elematic-addons-for-elementor/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/elematic-addons-for-elementor/)
by [RSS](https://plugins.trac.wordpress.org/log/elematic-addons-for-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.7

 * Added Horizontal Timeline widget.
 * Added Post Tab widget.

#### 1.6

 * Fix: Flip widget’s icon color doesn’t change.
 * Fix: Team widget’s icon size doesn’t change.
 * Fix: Timeline widget’s icon color doesn’t change.

#### 1.5

 * NEW: Elementor Theme Builder (Header & Footer)
 * Added Breadcrumbs widget
 * Added Logo widget
 * Added Menu widget
 * Added Page Title widget
 * Added Post Tiled widget
 * Added Team widget
 * Added Wrapper Link module
 * Major performance and security improvements
 * WP.org coding standards compliance

#### 1.4

 * Added Banner widget
 * Added Features widget
 * Added Post Alter widget
 * Added Timeline widget

#### 1.3

 * Added Contact Form 7
 * Added Hotspot
 * Added Image Box
 * Added Image Comparison
 * Added Image Hover
 * Added Image Mask
 * Added Image Scrolling
 * Added Table

#### 1.2

 * Added Chart
 * Added Circle Info
 * Added Countdown
 * Added Dual Button
 * Added Icon Box
 * Added Post Grid

#### 1.1

 * Added Counter
 * Added Gallery
 * Added Progress Bar
 * Improved sanitization and escaping

#### 1.0

 * Initial release

## Meta

 *  Version **1.7**
 *  Last updated **2 emyezi ago**
 *  Active installations **50+**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/elematic-addons-for-elementor/)
 * Tags
 * [elementor](https://lug.wordpress.org/plugins/tags/elementor/)[elementor addons](https://lug.wordpress.org/plugins/tags/elementor-addons/)
   [elementor widgets](https://lug.wordpress.org/plugins/tags/elementor-widgets/)
   [header footer builder](https://lug.wordpress.org/plugins/tags/header-footer-builder/)
   [webflow](https://lug.wordpress.org/plugins/tags/webflow/)
 *  [Advanced View](https://lug.wordpress.org/plugins/elematic-addons-for-elementor/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/elematic-addons-for-elementor/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/elematic-addons-for-elementor/reviews/)

## Contributors

 *   [ Theme-X ](https://profiles.wordpress.org/xy440/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/elematic-addons-for-elementor/)