Description

WebXtrm Widgets for Elementor is a complete widget pack designed for modern business websites. Every widget is built from scratch with performance, accessibility, and clean code in mind — no bloated frameworks, no excessive HTTP requests.

28 Widgets Included

Structural
* Header — Sticky navigation header with logo, menu, and CTA
* Heading Block — Large hero heading with eyebrow and subheading
* Section Label — Small labeled section divider
* Divider — Customizable divider with gradient options
* Buttons — Single or button group with hover effects

Content & Lists
* Stats Row — Animated stats with count-up
* Services Grid — Icon-based service cards
* Service Pillars — 4-column service category layout
* Industries Pills — Pill-style industry tags
* Feature List — Checkmark-style feature lists
* Benefit Cards — Horizontal benefit cards with icons
* Tool Integrations — Tool/brand logos grid
* Pricing Plans — Comparison-style pricing table
* Testimonials — Carousel-style testimonial slider (powered by Swiper)
* Blog Posts — Recent posts grid
* Project Portfolio — Animated project type showcase
* Contact Info — Stacked contact info cards

Process / Steps
* Process Steps — Horizontal step indicator
* Work Process — Numbered process with badges
* Process Journey — Vertical step journey

Animated Heroes & Showcases
* Activity Dashboard — Live task dashboard for homepage hero
* Service Orbit — Central hub with radiating service nodes
* Project Portfolio — Animated project type grid
* Inbox Preview — Live message feed with status badges
* Company Story — Animated stats + growth chart + team avatars
* Team Grid — Team member cards with avatar rings
* Brand Values — Animated values radar with orbital dots

Calls to Action
* CTA Banner — Full-width call-to-action banner
* Impact Showcase — Big impact numbers display

Key Features

No external dependencies — All assets bundled locally (no Google Fonts CDN, no CDN scripts)
Performant — Assets only load when widget is actually present on a page
Responsive — Every widget has dedicated tablet and mobile breakpoint controls
Accessible — Respects prefers-reduced-motion, proper ARIA labels, semantic HTML
Customizable — Hundreds of style controls across typography, colors, spacing, and animations
Translation-ready — All UI strings use the webxtrm-widgets text domain

Requirements

WordPress 6.0 or higher
PHP 7.4 or higher
Elementor 3.5.0 or higher (free or Pro)

Credits

Swiper carousel library by Vladimir Kharlampidi — MIT License — https://swiperjs.com

Screenshots

Header — Sticky navigation with logo, menu, and CTA button
Heading Block — Hero heading with eyebrow and dual-line title
Section Label — Inline heading marker with cyan accent (3 style variations)
Stats Row — Animated count-up stats with custom labels
Services Grid — 3-column icon cards with description and link
Service Pillars — 4-column service categories with sub-services checklist
Service Orbit — Animated hub with 6 radiating service nodes
Industries Pills — Industry tags in clean pill style (2-row layout)
Process Steps — Horizontal numbered workflow with dashed connectors
Work Process — Numbered cards with overlapping badges and connectors
Process Journey — Vertical step journey with circles and descriptions
Feature List — Checkmark features with icon variations
Pricing Plans — 3-column comparison with “Most Popular” highlight
Testimonials — Swiper carousel with star ratings and side cards
CTA Banner — Full-width call-to-action with decorative cyan rings
Buttons — Multiple button styles (filled, outlined, ghost) and sizes
Divider — Style variations (gradient, icon, dashed, double)
Activity Dashboard — Live task feed for homepage hero with status badges
Impact Showcase — Large impact number display with mini stats
Blog Posts — 3-column blog cards with thumbnails and excerpts
Project Portfolio — 6 animated project tiles with totals and rating
Tool Integrations — Tool compatibility display (7 integrations)
Benefit Cards — Horizontal benefit cards with icon and description
Inbox Preview — Live message feed with status badges and footer stats
Contact Info — Stacked contact cards with highlighted option
Company Story — Animated stats, growth chart with peak, team avatars
Team Grid — 5 team member cards with cyan-ring avatars
Brand Values — Animated values radar with orbital dots and value chips

Installation

Upload the plugin files to the /wp-content/plugins/webxtrm-elementor-widgets directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress.
Make sure Elementor is installed and activated.
Edit any page with Elementor — the WebXtrm widgets will appear in a new “WebXtrm” category in the widget panel.

FAQ

Do I need Elementor Pro?: No. All widgets work with the free version of Elementor. Elementor Pro is not required.
Will this slow down my site?: No. Each widget’s CSS and JS only load on pages where the widget is actually used. There is no global asset injection.
Does the plugin load Google Fonts or external CDNs?: No. All assets (including the Swiper library used by the Testimonials carousel) are bundled locally. The plugin makes zero external HTTP requests.
Why does the typography fall back to system fonts?: The widgets are designed with the Inter typeface in mind, but to remain WordPress.org compliant (no external CDNs), Inter is not loaded automatically. Sites that already have Inter installed (via theme, OS, or another plugin) will use it; otherwise the widgets fall back to a clean cross-platform system font stack.
Can I customize the default content?: Yes. Every widget ships with sensible demo content that you can completely replace through the Elementor editor. None of the demo content is hardcoded.
Is the plugin translation-ready?: Yes. All UI strings use the webxtrm-widgets text domain. Translation .po files can be placed in the /languages/ folder.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“WebXtrm Widgets for Elementor” is open source software. The following people have contributed to this plugin.

Gazi Mohammad Yeasin

Translate “WebXtrm Widgets for Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.18.2

Fix: Replaced echo ” in Header widget render() with wp_add_inline_style() for WP.org compliance.

2.18.1

Submission polish: rewrote ternary-echo in Services Grid widget for clarity (no behavioral change)
Updated “Tested up to” to WordPress 6.9 and Elementor 3.35 / Elementor Pro 4.0
Added “Requires Plugins: elementor” header (WordPress 6.5+ native plugin dependency)
Added languages/ folder placeholder for translation contributions

2.18.0

WordPress.org compliance release
Removed Google Fonts CDN — now uses local font stack with system fallback
Bundled Swiper library locally (v11.2.10, MIT) — no more CDN dependency
Added proper plugin license headers (GPL-2.0-or-later)
Added load_plugin_textdomain for translation support
Added Tested up to and Plugin URI headers
Sanitized $_GET['activate'] reads in admin notices
Added languages/ directory for .po/.mo files

2.17.0

Added Brand Values widget — animated values radar with pulsing rings, orbital dots, and value chips
5 toggleable animations: ring pulse, core pulse, orbital dots, chip stagger, card float
Uses SVG animateMotion for smooth GPU-accelerated orbits
Total: 28 widgets

2.16.1

Contact Info widget: max width default changed to 100% (was 480px)
Added % unit support for max width control

2.16.0

Added Team Grid widget — team member cards with cyan-ring avatars, stagger entry, ring pulse

2.15.1

Company Story widget — chart visibility bug fix (progressive enhancement pattern)
Added peak indicator (HTML overlay) + decorative baseline
Chart height increased to 90px

2.15.0

Added Company Story widget — animated About hero with count-up stats, growth chart, team avatars, live activity

2.14.0

Added Contact Info widget — stacked contact cards with icon + title + highlight + description

2.13.0

Added Inbox Preview widget — live message feed for Contact page hero

2.12.1

Benefit Cards widget — made card_radius, card_align, card_lift, badge_radius responsive
Added CSS safety fallback media queries

2.12.0

Added Benefit Cards widget — horizontal layout per card (icon left, text right)

2.11.1

Tool Integrations widget — refactored icon coloring to use CSS currentColor inheritance (was fragile regex+kses)

2.11.0

Added Tool Integrations widget — tool/brand logos grid

2.10.0

Added Project Portfolio widget — animated project showcase with count-up totals

2.9.1

Process Journey widget — made circle_size, circle_icon_size, illust_size responsive

2.9.0

Added Process Journey widget — vertical step journey

2.8.2

Work Process widget — columns control now uses Elementor selectors (responsive fix)

2.8.1

Service Pillars widget — removed margin-top:auto causing inconsistent subtitle gap

2.8.0

Added Service Pillars widget — 4-column service category layout

2.0.0 to 2.7.0

Built out the full widget collection: Service Orbit, Industries Pills, Work Process, Activity Dashboard, Impact Showcase, Blog Posts, Section Label, Divider, and more

1.0.0

Initial release with Header, Heading Block, Stats Row, Services Grid, Process Steps, Feature List, Pricing Plans, Testimonials, CTA Banner, Buttons widgets