內容簡介
Elematic 是一款輕量高效的 Elementor 擴充外掛，內建佈景主題建構器可自訂頁首頁尾，並提供仿 Webflow 與 Framer 風格的動態小工具，協助使用者在 Elementor 中打造互動性強、載入快速的現代網站版面。
【主要功能】
• 內建 Elementor 佈景主題建構器，可視覺化設計頁首與頁尾
• 提供 Webflow 與 Framer 風格的動畫小工具
• 效能優先架構，僅載入使用中的資源
• 輸出精簡 HTML 與最少 CSS，有利 Core Web Vitals 評分
• 同時相容 Elementor Free 與 Pro 版本
• 完整支援響應式設計與 SEO 友善結構
外掛標籤
開發者團隊
② 後台搜尋「Elematic — Addons for Elementor」→ 直接安裝（推薦）
原文外掛簡介
🚀 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
Clean collapsible FAQ sections with icons and smooth animation.
Animated Heading
Dynamic title animations (typed, sliding, or looping) to highlight key headlines.
Animated Shape
Modern motion shapes and blobs to add subtle, looping background animation to sections and hero areas.
Banner
Create modern hero banners with image, title, subtitle, and CTA buttons with animations, perfect for landing pages and marketing sections.
Breadcrumbs
SEO-friendly dynamic breadcrumbs for pages, posts, archives, and WooCommerce.
Button
Customizable button with icons, hover effects, and full control over typography, spacing, and borders.
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
Interactive circular feature widget with auto/manual rotation and clickable icons revealing detailed content in the center.
Circle Progress Bar
Animated circular progress indicator with percentage display and full styling control for dashboards, skills, and achievement counters.
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
Style Contact Form 7 forms inside Elementor with custom spacing, colors, and typography without touching CSS.
Countdown
Create animated countdown timers for launches, sales, or events with full control over layout, labels, and expiry actions.
Counter
Animate numbers from any start/end value with icons, prefixes, and suffixes to highlight key stats or milestones.
Dual Button
Create side-by-side CTA buttons with separate links and icons, featuring 50 built-in gradient presets for instant modern styling.
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
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
Responsive, filterable image gallery with hover effects, spacing control, and built-in lightbox/popup modal for clean portfolio and showcase layouts.
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 (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
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
Lets you add clickable markers over images with tooltips or popups, perfect for product highlights, maps, and interactive storytelling.
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
Adds smooth left-right and up-down reveal animations to your images for simple, lightweight scroll-based motion effects.
Image Box
Displays an image with title, description, and optional button in multiple layouts, ideal for feature/service cards and promo blocks.
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
Add 30+ modern hover effects to images with title, description, and overlay controls for eye-catching rollovers.
Image Mask
Clip images into 80+ ready-made artistic shapes (ink, blobs, badges, etc.) for instant Webflow-style image frames.
Image Scrolling
Create smooth horizontal or vertical image scrolling effects for product shots, long screenshots, or parallax-style image reveals.
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
Create an interactive tab-style content switcher with icons where text changes dynamically on click for cleaner layouts and better UX.
Logo
Dynamic site logo widget with responsive images and title/tagline support.
Lottie
Add lightweight JSON animations with full playback controls, autoplay, loop, speed adjustment, and scroll-based animation support.
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
Advanced Elementor navigation menu for headers and layouts.
Page Title
Dynamic page, archive, author, and WooCommerce titles.
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. Display posts in a customizable grid with category filters, numbered pagination and AJAX “Load More” button without page reload.
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
Modern tiled post layouts with 13 styles layout.
Progress Bar
Show elegant vertical or horizontal progress indicators for skills, stats, or milestones with full color and animation controls.
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
Create responsive, styled data tables with headings, rows, and typography controls for pricing, feature comparison, or structured content layouts.
Team
Team member profiles in 4 styles with social links and hover effects.
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.
Credits
Developed by theme-x
