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