Webilia Inc.

Vertex Addons For Elementor Builder is designed to enhance your page-building experience like never before. It provides a diverse range of powerful and feature-packed widgets that integrate seamlessly with Elementor. Whether you’re building a complex website or a simple landing page, Vertex offers all the tools you need to create stunning web designs without writing a single line of code.
✅ <a href="https://vertexaddons.com/widgets/" rel="nofollow ugc">Demo</a> 
✅ <a href="https://api.webilia.com/go/vertex-docs" rel="nofollow ugc">Documentation</a> 
✅ <a href="https://vertexaddons.com/support/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=support" rel="nofollow ugc">Support</a> 
✅ <a href="https://vertexaddons.com/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=live+chat" rel="nofollow ugc">Live Chat</a>
<h3>Key Features</h3>
<ul>
<li>+43 Essential Free Widgets: A comprehensive collection of versatile and customizable widgets, including News Ticker, Testimonial Carousel, Countdown, and more.</li>
<li>Custom Extensions: Extend Elementor’s capabilities with advanced features like Wrapper Link, Scroll to Top, Sticky and Custom CSS/JS.</li>
<li>Responsive & User-Friendly: Ensure that your website looks great on all devices with fully responsive designs.</li>
<li>Lightweight & Fast: Built with performance in mind, Vertex Addons ensures your website stays fast without unnecessary bloat.</li>
<li>Highly Customizable: Fine-tune the appearance and behavior of each widget with advanced styling and layout options.</li>
<li>News Ticker Widget: Display dynamic news feeds and updates.</li>
<li>Accordion Widget: Organize your content with collapsible sections.</li>
<li>Testimonial Carousel Widget: Showcase customer feedback and reviews in style.</li>
<li>Countdown Widget: Build excitement for upcoming events.</li>
<li>Fancy Text Widget: Add engaging typography effects.</li>
<li>Search Input Widget: Enhance navigation with a custom search bar.</li>
<li>Login, Register Widget: Create amazing and attractive login or registration forms.</li>
</ul>
<h3>Free Widgets</h3>
Accordion Widget 
Advanced DataTable Widget 
Advanced Menus Widget 
Advanced Map Widget (Google Maps and OpenStreetMap) 
Alert Box Widget 
Archive Title Widget 
Author Box Widget 
Breadcrumb Widget 
Comments Form Widget 
Countdown Widget 
Creative Button Widget 
Dynamic Archive Posts Widget 
Dynamic Grid/Carousel Widget 
Fancy Text Widget 
Flip Box Widget 
Form Builder Widget 
Hotspot Widget 
Login, Register Widget 
Lottie Widget 
Information Box Widget 
News Ticker Widget 
Notice Box Widget 
Offcanvas Menu Widget (Sidebar Menu) 
Page Title Widget 
Post Comments Widget 
Post Content Widget 
Post Date Widget 
Post Excerpt Widget 
Post Featured Image Widget 
Post Navigation Widget 
Post Terms Widget 
Post Time Widget 
Post Title Widget 
Price Box Widget 
Search Input Widget 
Site Logo Widget 
Site Title Widget 
Slides Widget 
Sound Player Widget 
Tabs Widget 
Team Member Carousel Widget 
Template Widget 
Testimonial Carousel Widget 
Timeline Widget
<h3>Free Extensions</h3>
<ul>
<li>Custom CSS/JS: Easily add custom CSS or JavaScript to extend functionality.</li>
<li>Preloader: Add a customizable preloading animation to improve user experience while the page is loading.</li>
<li>Ripple Effects: Apply a ripple effect on clicks to enhance interactivity and give a modern, dynamic feel.</li>
<li>Scroll to Top: Add a smooth scroll-to-top button to improve user experience.</li>
<li>Sticky: Create eye-catching sticky element effects.</li>
<li>Visibility Controls: Show or hide elements conditionally based on user role, login status, and more, to create dynamic and personalized content.</li>
<li>Wrapper Link: Wrap entire sections or widgets in clickable links.</li>
</ul>
<h3>Free Other Features</h3>
<ul>
<li>Templates Kit Demo Importer</li>
<li>Dynamic Tags (Post Title, Post Excerpt, Post Content, Post Date, Internal Link, etc)</li>
<li>Advanced Popup Builder</li>
<li>Advanced Template Builder (Header, Footer, Archive, Dynamic loop Item And Single Template)</li>
</ul>
<h3>What’s Needed?</h3>
<ol>
<li>Elementor Free Version: You’ll need the free version of Elementor to use this plugin.</li>
<li>Vertex Addons Free Version: Download and activate the Vertex Addons plugin. 
The Vertex Addons plugin is regularly updated to ensure compatibility with the latest version of WordPress and Elementor, keeping your website secure and up-to-date with new features.</li>
</ol>
<h3>Why Choose Vertex Addons for Elementor Builder?</h3>
Vertex Addons provides an all-in-one solution for web designers looking to push Elementor’s design capabilities further. By adding these carefully crafted widgets, you save time while creating a more dynamic and visually stunning website. 
* User-Friendly: Designed with simplicity and usability in mind, even beginners can quickly learn to use the Vertex Addons. 
* Seamless Integration: Works flawlessly with Elementor’s drag-and-drop editor. 
* Customizable: All widgets come with rich styling and customization options. 
* Support & Documentation: We offer detailed documentation and friendly support to help you every step of the way.
<h3>Support</h3>
If you run into any issues, please don’t hesitate to reach out to our <a href="https://vertexaddons.com/support/?utm_source=vertex+on+wordpress&utm_medium=text&utm_campaign=Wordpress+repository&utm_term=support+team" rel="nofollow ugc">support team</a>. We are here to help you!
<h3>Documentation</h3>
Want to dive deeper into how each widget works? Check out <a href="https://api.webilia.com/go/vertex-docs" rel="nofollow ugc">Vertex documentation</a> to learn about every feature and customization option available in the Vertex Addons.
<h3>External services</h3>
<h4>Google Maps Platform</h4>
Vertex Addons can load the Google Maps JavaScript and Static Maps APIs hosted at <code>maps.googleapis.com</code> when you enable map-related widgets. The visitor’s browser calls Google’s servers with the API key you configure, the map coordinates you supply, and standard browser metadata (such as IP address and user agent) so the map tiles and related functionality can be rendered. See the <a href="https://maps.google.com/help/terms_maps/" rel="nofollow ugc">Google Maps Platform Terms of Service</a> and the <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a> for details on how Google handles this data.
<h4>Vertex Addons CDN and API</h4>
When you browse or import Templates Kits, the plugin connects to Webilia-operated endpoints at <code>cdn.webilia.com</code> and <code>api.webilia.com</code> to fetch kit listings, previews, and assets. Those requests transmit the selected kit identifier together with the default WordPress request headers, which include your site’s URL and WordPress version, so the templates can be downloaded and installed. Review the <a href="https://vertexaddons.com/terms-and-conditions/" rel="nofollow ugc">Vertex Addons Terms & Conditions</a> and <a href="https://vertexaddons.com/privacy-policy/" rel="nofollow ugc">Vertex Addons Privacy Policy</a> to understand how that data is processed.
<h3>Commercial</h3>
This plugin is free but offers additional paid commercial upgrades and support. <a href="https://vertexaddons.com" rel="nofollow ugc">Learn more</a>

Vertex Addons for Elementor

Enhance Elementor with Vertex Addons — fast, lightweight widgets & extensions to build stunning sites without code. Perfect for pros & agencies.

Theme-X

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

Elematic — Addons for Elementor

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

Vertex Addons for Elementor vs Elematic — Addons for Elementor