zootemplate

<p><a href="https://cleveraddon.com/clever-addon-for-elementor/" rel="nofollow ugc">Clever Addons for Elementor</a> provides high quality widgets and templates which are easy to use and customize. Help you create stunning websites quickly.</p>
<p>See <a href="http://cleveraddon4elementor.wp1.zootemplate.com/" rel="nofollow ugc">Demo</a> and <a href="https://doc.cleveraddon.com/clever-mega-menu-elementor" rel="nofollow ugc">online documentation</a> for more info.</p>
<h3>Key Features</h3>
<ul>
<li>Ready To Use: With pre-made templates and widgets, you can quickly build anything beautifully.</li>
<li>Easy To Customize: Supercharge your page with more than 100+ widget options and page settings.</li>
<li>Light Weight: Resources are optimized for super fast loading and instant live editing.</li>
<li>Enable and disable individual elements to make your page loading faster and smoother. You can deactivate unnecessary widgets to keep the site lite.</li>
</ul>
<h3>Free Widgets</h3>
<ul>
<li>CAFE Portfolios</li>
<li>CAFE Single Scroll To</li>
<li>CAFE Image Comparison</li>
<li>CAFE Time Line</li>
<li>CAFE Multi Banner</li>
<li>CAFE Banner</li>
<li>CAFE Video Light Box</li>
<li>CAFE Services</li>
<li>CAFE Posts</li>
<li>CAFE Count Down</li>
<li>CAFE Testimonial</li>
<li>CAFE Icon</li>
<li>CAFE Product Advanced</li>
<li>CAFE Team Member</li>
<li>CAFE Instagram</li>
<li>CAFE Scroll To</li>
<li>CAFE Contact Form 7</li>
<li>CAFE Slider</li>
<li>CAFE Revolution Slider</li>
<li>CAFE Button</li>
<li>CAFE Single Product</li>
<li>CAFE Edd Tabs</li>
</ul>
<h3>Pro Widgets</h3>
<ul>
<li>CAFE Header Builder </li>
<li>CAFE Slider Pro</li>
<li>CAFE Animated Headlines</li>
<li>CAFE Product Grid Tabs</li>
<li>CAFE Product Categories Nav</li>
<li>CAFE Hide This</li>
<li>CAFE Progress Bar</li>
<li>CAFE Product Deal</li>
<li>CAFE Product Category Banner</li>
<li>CAFE Product Carousel With Category Tabs</li>
<li>CAFE Product With Banner And Tabs</li>
<li>CAFE Product List Tags</li>
<li>CAFE Image 360 View</li>
<li>CAFE Product Carousel</li>
<li>CAFE Pricing Table</li>
<li>CAFE Product Deal And Asset Tabs</li>
<li>CAFE Product List Categories</li>
<li>CAFE Auto Typing</li>
<li>CAFE Footer Builder</li>
</ul>
<h3>Help & Support</h3>
<p>If you have any issue, feel free to get help at <a href="https://wordpress.org/support/plugin/cafe-lite/" rel="ugc">Plugin Support</a>. We really appreciate your feedbacks.</p>
<h3>Online Documentation</h3>
<p>For more info, please check out <a href="https://doc.cleveraddon.com/clever-addon-for-elementor/" rel="nofollow ugc">plugin documentation</a>.</p>
<h3>Version 2.2.1 – Release Aug 14, 2024</h3>
<ul>
<li>Fix Cross Site Scripting (XSS) which related to the “CAFE Single Scroll To” widget</li>
</ul>
<h3>Version 2.2.0 – Release Ju 04, 2024</h3>
<ul>
<li>Improve sercurity</li>
<li>Fix some issue with coding stardard</li>
<li>Compartible with WordPress 6.5.4</li>
</ul>
<h3>Version 2.1.9 – Release Dec 03, 2023</h3>
<ul>
<li>Fix issue unable get default value of responsive control</li>
</ul>
<h3>Version 2.1.8 – Release Nov 29, 2023</h3>
<ul>
<li>Fix deprecated typography selector.</li>
<li>Fix minor php issue with responsive control.</li>
</ul>
<h3>Version 2.1.7 – Release Jan 15, 2023</h3>
<ul>
<li>Fix issue not working with Elementor 3.5.x</li>
</ul>
<h3>Version 2.1.6 – Release June 02, 2022</h3>
<ul>
<li>Fix issue missing config (responsive option) with PHP 8.x</li>
</ul>
<h3>Version 2.1.5 – Release Mar 28, 2022</h3>
<ul>
<li>Compatible with Elementor 3.6.2</li>
</ul>
<h3>Version 2.1.4 – Release Jan 24, 2022</h3>
<ul>
<li>Update carousel for fix js isssue.</li>
<li>Improve Animated headline (add new maquee effect)</li>
<li>Improve multi banner & testimonial</li>
<li>Improve style for header builder</li>
</ul>
<h3>Version 2.1.3 – Release Sep 20, 2021</h3>
<ul>
<li>Improve style for header builder sticky</li>
<li>Improve cafe multi banner</li>
<li>Update align icon follow Elementor latest version</li>
</ul>
<h3>Version 2.1.2 – Release Jun 20, 2021</h3>
<ul>
<li>Update cleverfont icon</li>
<li>Improve style of widgets</li>
<li>Fix issue display link of multi banner widget</li>
</ul>
<h3>Version 2.1.1 – Release May 15, 2021</h3>
<ul>
<li>Fix issue display list widget</li>
<li>Improve typography for fix issue deprecated: Elementor\Scheme_Typography.</li>
</ul>
<h3>Version 2.1.0 – Release Apr 14, 2021</h3>
<ul>
<li>Add slick and load slick from plugin.</li>
<li>Fix some security issue.</li>
<li>Update message for template missing (for fix issue site broken when template missing).</li>
</ul>
<h3>Version 2.0.15 – Release Mar 19, 2021</h3>
<ul>
<li>Fix minor issue Cafe-lite with cafe site nav menu (For Pro version).</li>
<li>Improve style of plugin.</li>
<li>Fix issue empty link for Cafe Pro.</li>
<li>Fix issue with off canvas menu for Cafe Pro.</li>
<li>Fix issue ajax search not working.</li>
<li>Add more options for Multi banner widget.</li>
</ul>
<h3>Version 2.0.14 – Release Nov 20, 2020</h3>
<ul>
<li>Improve clever Icon – Clever Portfolio. </li>
<li>Fixed widget name Cafe Pro in Cafe Settings page.</li>
<li>Improved CAFE Icon.</li>
</ul>
<h3>Version 2.0.13 – Release Oct 16, 2020</h3>
<ul>
<li>Fixed toggle nav menu on header sticky. </li>
<li>Fixed conflig js loadmore, infinite with plugin Clever Portfolio.</li>
</ul>
<h3>Version 2.0.12 – Release Sep 13, 2020</h3>
<ul>
<li>Improve style and js for Cafe Pro</li>
</ul>
<p>= Version 2.0.11 – Release Sep 10, 2020</p>
<ul>
<li>Fixed css site nav horizontal, vertical layout</li>
</ul>
<p>= Version 2.0.10 – Release Sep 09, 2020</p>
<ul>
<li>Change Doc url</li>
<li>Improve site nav js allow active element case menu use local link. (For Pro version)</li>
<li>Improve site nav hamburger style. (For Pro version)</li>
<li>Improve countdown. Add custom label for time. </li>
<li>Fix minor escape data issue.</li>
<li>Fix navigation position widget CAFE Team Member + Muilti Banner</li>
<li>Add more query Order by, Order, Offset for Posts</li>
</ul>
<p>= Version 2.0.9 – Release Aug 10, 2020</p>
<ul>
<li>Improve widget CAFE Team Member.</li>
<li>Fix undefinded function.</li>
<li>Fix minor css.</li>
</ul>
<p>= Version 2.0.8 – Release Aug 1, 2020</p>
<ul>
<li>Improve Instagram Widget</li>
<li>Improve options for Testimonial widget</li>
<li>Improve panel elements</li>
</ul>
<p>= Version 2.0.7 – Release Jul 17, 2020</p>
<ul>
<li>Compatible with new Instagram’s API </li>
</ul>
<p>= Version 2.0.6 – Release June 02, 2020</p>
<ul>
<li>Change widget Cafe Instagram to Cafe Instagram Hashtag – Now it accept only hashtag for security issue.</li>
<li>Improve styles and scripts</li>
</ul>
<p>= Version 2.0.5 – Release June 02, 2020</p>
<ul>
<li>Add CAFE Foody Booking Table widget</li>
<li>Add CAFE Foody widget</li>
</ul>
<p>= Version 2.0.4 – Release May 10, 2020</p>
<ul>
<li>Improve testimonial widget.</li>
<li>Improve banner widget. Allow disable effect.</li>
<li>Fix minor issue.</li>
</ul>
<p>= Version 2.0.3 – Release Apr 26, 2020</p>
<ul>
<li>Improve clever slider dots.</li>
<li>Improve style for Instagram widget.</li>
<li>Fix minor issue.</li>
</ul>
<h4>2.0.2 – Release Date Apr 12, 2020</h4>
<ul>
<li>Improve assets for Cafe pro.</li>
<li>Fixed show/hide Slide Down Menu</li>
<li>Fixed Infinity Scroll, Loadmore for widget product</li>
<li>Fixed menu out of screen when use Clever Mega Menu for Elementor</li>
</ul>
<h4>2.0.1 – Release Date March 17, 2020</h4>
<ul>
<li>Massive enhancement for widgets</li>
</ul>
<h4>1.0.4 – Release Date Feb 24, 2020</h4>
<ul>
<li>Enhanced account widget, added AJAX login</li>
<li>Fixed Templatekit button disappear after Elementor updated</li>
</ul>
<h4>1.0.3 – Release Date Feb 10, 2020</h4>
<ul>
<li>Fixed issues with Products widget</li>
<li>Fixed issues with Products Advanced widget</li>
<li>Fixed issues with Products Collection widget</li>
<li>Fixed HTML validator issues</li>
<li>Enhanced Account widget</li>
<li>Enhanced Banner widget</li>
<li>Enhanced sticky header</li>
</ul>
<h4>1.0.2 – Release Date Jan 31, 2020</h4>
<ul>
<li>Fixed issue with menu js</li>
<li>Fixed issue with customizer</li>
<li>Added more widgets</li>
<li>Enhanced widgets</li>
</ul>
<h4>1.0.1 – Release Date Jan 7, 2020</h4>
<ul>
<li>Enhanced UI</li>
<li>Fixed issues</li>
<li>Added more widgets</li>
</ul>
<h4>1.0.0 – Release Date Oct 16, 2019</h4>
<ul>
<li>Initial release.</li>
</ul>


Clever Addons for Elementor

Clever Addons for Elementor provides high quality widgets and templates which are easy to use and customize. Help you create stunning websites quickly …

Anwar Hossain

<p><strong>Elematic</strong> is a fast, lightweight addon for the Elementor page builder, designed for modern WordPress websites. It includes beautifully animated widgets inspired by <strong>Webflow and Framer</strong>, giving you motion-design freedom directly inside Elementor without writing custom code.</p>
<p>Whether you’re building a landing page, business website, portfolio, SaaS layout, or eCommerce product page, Elematic gives you all the essential visual widgets to design <strong>clean, interactive, and high-converting layouts.</strong></p>
<p>This addon focuses on <strong>performance, styling flexibility, and usability.</strong> Every widget loads only when used, ensuring fast page load, better Core Web Vitals, and a higher Google PageSpeed score.</p>
<p>🚀 <strong>With Elematic, you can create:</strong></p>
<ul>
<li>High-engagement landing pages</li>
<li>Animated portfolio and creative UI layouts</li>
<li>Modern SaaS and agency websites</li>
<li>Interactive product presentations</li>
<li>Stunning hero sections with motion graphics</li>
</ul>
<p>👉 <strong>Perfect for:</strong><br />
✔ Designers<br />
✔ Agencies<br />
✔ Bloggers<br />
✔ Developers<br />
✔ WooCommerce and marketing pages<br />
✔ Anyone who wants better animations than the default Elementor widgets</p>
<p>🔥 <strong>Key Highlights</strong></p>
<ul>
<li>Built for performance (no unnecessary scripts)</li>
<li>Modern UI and clean markup</li>
<li>Works with Elementor Free & Pro</li>
<li>Responsive and SEO friendly</li>
<li>Growing widget library</li>
</ul>
<p>🚀 <strong>What You Can Build With Elematic</strong></p>
<ul>
<li>Animated headings and scroll-text reveals</li>
<li>Filterable portfolio galleries with lightbox</li>
<li>Advanced post grids with Load More AJAX pagination</li>
<li>Circular/linear progress bars and skill sections</li>
<li>Marquee text, image sliders, and auto-scroll sections</li>
<li>Data charts for analytics dashboards</li>
<li>Hero banners with rotating text or image strips</li>
<li>Feature hotspots and interactive UI sections</li>
</ul>
<p>Every widget includes granular styling controls for typography, spacing, hover effects, responsive behavior, and color management.</p>
<h3>Included Widgets</h3>
<ul>
<li>
<p><strong>Accordion</strong>. Clean collapsible FAQ sections with icons and smooth animation.</p>
</li>
<li>
<p><strong>Animated Heading</strong>. Dynamic title animations (typed, sliding, or looping) to highlight key headlines.</p>
</li>
<li>
<p><strong>Animated Shape</strong>. Modern motion shapes and blobs to add subtle, looping background animation to sections and hero areas.</p>
</li>
<li>
<p><strong>Banner</strong>. Create modern hero banners with image, title, subtitle, and CTA buttons with animations, perfect for landing pages and marketing sections.</p>
</li>
<li>
<p><strong>Button</strong>. Customizable button with icons, hover effects, and full control over typography, spacing, and borders.</p>
</li>
<li>
<p><strong>Chart</strong>. 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.</p>
</li>
<li>
<p><strong>Circle Info</strong>. Interactive circular feature widget with auto/manual rotation and clickable icons revealing detailed content in the center.</p>
</li>
<li>
<p><strong>Circle Progress Bar</strong>. Animated circular progress indicator with percentage display and full styling control for dashboards, skills, and achievement counters.</p>
</li>
<li>
<p><strong>Circle Text (Webflow + Framer style)</strong>. Create rotating circular text around logos or icons with smooth Webflow/Framer-style animation for badges, seals, and hero sections.</p>
</li>
<li>
<p><strong>Contact Form 7</strong>. Style Contact Form 7 forms inside Elementor with custom spacing, colors, and typography without touching CSS.</p>
</li>
<li>
<p><strong>Countdown</strong>. Create animated countdown timers for launches, sales, or events with full control over layout, labels, and expiry actions.</p>
</li>
<li>
<p><strong>Counter</strong>. Animate numbers from any start/end value with icons, prefixes, and suffixes to highlight key stats or milestones.</p>
</li>
<li>
<p><strong>Dual Button</strong>. Create side-by-side CTA buttons with separate links and icons, featuring 50 built-in gradient presets for instant modern styling.</p>
</li>
<li>
<p><strong>Features</strong>. 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.</p>
</li>
<li>
<p><strong>Flip Box</strong>. Create interactive cards that flip on hover with zoom, up/down, left/right and other 3D flip effects to reveal extra info or CTAs.</p>
</li>
<li>
<p><strong>Gallery</strong>. Responsive, filterable image gallery with hover effects, spacing control, and built-in lightbox/popup modal for clean portfolio and showcase layouts.</p>
</li>
<li>
<p><strong>Grid</strong>. Flexible multi-column content grid with image, icon, title, description, read-more link, and optional image lightbox for services, features, or portfolio cards.</p>
</li>
<li>
<p><strong>Highlight Text (Webflow + Framer style)</strong>. Scroll-triggered highlight text effect inspired by Webflow and Framer, animating your headings or paragraphs as they enter the viewport.</p>
</li>
<li>
<p><strong>Hotspot</strong>. Lets you add clickable markers over images with tooltips or popups, perfect for product highlights, maps, and interactive storytelling.</p>
</li>
<li>
<p><strong>Icon Box</strong>. Lets you showcase features in 3 layouts using icon or image, with full-box hover effects for highly interactive service or feature blocks.</p>
</li>
<li>
<p><strong>Image Animate</strong>. Adds smooth left-right and up-down reveal animations to your images for simple, lightweight scroll-based motion effects.</p>
</li>
<li>
<p><strong>Image Box</strong>. Displays an image with title, description, and optional button in multiple layouts, ideal for feature/service cards and promo blocks.</p>
</li>
<li>
<p><strong>Image Comparison</strong>. Add an interactive draggable before/after slider with hover, smoothing, and label controls for showcasing transformations or visual changes in horizontal and vertical orientation.</p>
</li>
<li>
<p><strong>Image Hover</strong>. Add 30+ modern hover effects to images with title, description, and overlay controls for eye-catching rollovers.</p>
</li>
<li>
<p><strong>Image Mask</strong>. Clip images into 80+ ready-made artistic shapes (ink, blobs, badges, etc.) for instant Webflow-style image frames.</p>
</li>
<li>
<p><strong>Image Scrolling</strong>. Create smooth horizontal or vertical image scrolling effects for product shots, long screenshots, or parallax-style image reveals.</p>
</li>
<li>
<p><strong>Image Slide (Webflow + Framer style)</strong>. Create smooth looping image strips that slide left, right, up, or down for modern Webflow/Framer-style hero and gallery sections.</p>
</li>
<li>
<p><strong>Info Link</strong>. Create an interactive tab-style content switcher with icons where text changes dynamically on click for cleaner layouts and better UX.</p>
</li>
<li>
<p><strong>Lottie</strong>. Add lightweight JSON animations with full playback controls, autoplay, loop, speed adjustment, and scroll-based animation support.</p>
</li>
<li>
<p><strong>Marquee (Webflow + Framer style)</strong>. Create smooth, looping marquee rows for text or logos with controllable speed, direction, and hover pause, inspired by Webflow and Framer motion rails.</p>
</li>
<li>
<p><strong>Post Alter</strong>. Display blog posts in an alternating left-right layout with featured images, meta info, excerpt. Perfect for storytelling-style blog layouts.</p>
</li>
<li>
<p><strong>Post Grid</strong>. Display posts in a customizable grid with category filters, numbered pagination and AJAX “Load More” button without page reload.</p>
</li>
<li>
<p><strong>Progress Bar</strong>. Show elegant vertical or horizontal progress indicators for skills, stats, or milestones with full color and animation controls.</p>
</li>
<li>
<p><strong>Service List (Webflow + Framer style)</strong>. Display modern, animated service rows with icons, descriptions, title, subtle and hover image inspired by Webflow and Framer layouts.</p>
</li>
<li>
<p><strong>Table</strong>. Create responsive, styled data tables with headings, rows, and typography controls for pricing, feature comparison, or structured content layouts.</p>
</li>
<li>
<p><strong>Timeline</strong>. Visual timeline with custom or dynamic posts, alternating layouts, dates, images, and smooth milestone animations.</p>
</li>
</ul>
<p>More widgets will be added in future releases.</p>
<p>⭐ <strong>Who Is Elematic For?</strong></p>
<ul>
<li>You want Elementor widgets that look modern and premium</li>
<li>You like Webflow / Framer-style animations</li>
<li>You need creative UI components Elementor doesn’t provide by default</li>
<li>You want a plugin that won’t slow down your website</li>
</ul>
<p>🔥 <strong>Why Users Love Elematic</strong></p>
<ul>
<li>Fluid Webflow-style animations without heavy scripts</li>
<li>Framer-style motion elements for creative websites</li>
<li>30+ essential and premium-quality Elementor widgets</li>
<li>Clean CSS output, no bloat</li>
<li>Works with Elementor Free + Pro</li>
<li>Fully responsive, fast, and SEO-friendly</li>
</ul>
<p>Build interactive content sections, product highlights, service grids, scroll animations, image masking, galleries, before/after sliders, counters, progress indicators, and more — all inside Elementor.</p>
<p>🧩 <strong>Growing Library</strong></p>
<p>Elematic continues to evolve. New widgets, presets, effects, and layout packs are released frequently based on community feedback.</p>
<h3>Features</h3>
<ul>
<li>Works with Elementor Free and Pro  </li>
<li>Minimal script loading — only loads assets for active widgets  </li>
<li>Fully translation ready  </li>
<li>Compatible with caching and optimization plugins</li>
<li>Optimized for Google PageSpeed and Lighthouse scores (performance, accessibility, SEO)</li>
</ul>
<p>Fully compatible with Elementor Hello theme and popular themes like Astra, GeneratePress, OceanWP, Phlox, and Blocksy.</p>
<h3>Translation</h3>
<p>This plugin is translation-ready and includes a .pot file.</p>
<h3>Support</h3>
<p>For support questions, please use the WordPress.org support forum. This helps other users find solutions.</p>
<p>If you find a bug or have a feature request, open an issue here:<br />
https://github.com/xy440/elematic-addons-for-elementor/issues</p>
<p>We actively review requests and publish updates based on real user feedback.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://github.com/xy440" rel="nofollow ugc">Anwar Hossain</a></p>


Elematic — Addons for Elementor

Modern Elementor addons with Webflow-style animations, AJAX Post Grid, marquee text, circle text, masking, and 30+ creative widgets.

Clever Addons for Elementor vs Elematic — Addons for Elementor