=== Elematic — Addons for Elementor ===
Contributors: xy440
Tags: elementor, elementor addons, elementor widgets, header footer builder, webflow
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Stable tag: 1.7
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html

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

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


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

== Frequently Asked Questions ==

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

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

== Upgrade Notice ==

= 1.7 =
Added some widgets.

== 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/)