PistonUi

PistonUI is a powerful all-in-one page builder plugin that gives you 25+ beautifully crafted widgets for both Elementor and Gutenberg to build stunning WordPress websites faster. Every widget is lightweight, SEO friendly, and designed for performance. No coding required.
Works with both Elementor AND Gutenberg! Whether you prefer Elementor’s drag-and-drop interface or Gutenberg’s block editor, PistonUI has you covered with native support for both page builders.
<h4>Useful Links</h4>
<ul>
<li><a href="https://pistonui.com/widgets/" rel="nofollow ugc">View All Widget Demos</a></li>
<li><a href="https://pistonui.com/docs/" rel="nofollow ugc">Documentation & Guides</a></li>
<li><a href="https://pistonui.com/" rel="nofollow ugc">Plugin Website</a></li>
</ul>
Browse our growing collection of free widgets or upgrade to premium for access to advanced widgets, template management, and pre-built designs. Each widget provides extensive customization options to control every aspect of your design.
<h4>Plugin Features</h4>
<ol>
<li>
Widget Library – 25+ high-quality widgets for Elementor and Gutenberg covering hero sections, interactive elements, media, content, and WooCommerce.
</li>
<li>
Template Management System – Complete template system with Header, Footer, Popup, Checkout, and Single Post/Product templates with display conditions.
</li>
<li>
WooCommerce Integration – Dedicated WooCommerce widgets for product grids, sliders, masonry layouts, category showcases, and quick cart.
</li>
<li>
Widget Dashboard – Full control panel to enable/disable individual widgets, manage vendor assets, and optimize performance.
</li>
<li>
Pre-built Templates – Ready-to-use template designs for quick website setup (Premium).
</li>
<li>
Premium Features – Advanced widgets and tools for professional websites with premium activation controls.
</li>
</ol>
<h4>Hero & Banner Widgets for Elementor</h4>
<ol>
<li>
Sliding Hero (Free) – Full-width hero slider with multiple headings, descriptions, CTA buttons, and customizable overlay effects.
</li>
<li>
<a href="https://pistonui.com/widgets/video-hero/" rel="nofollow ugc">Video Hero (Free)</a> – Full-width hero section with background video support, image background fallback, and overlay content.
</li>
<li>
Promo Banner (Free) – Eye-catching promotional banners with flexible image positioning and customization options.
</li>
</ol>
<h4>Interactive Content Widgets for Elementor</h4>
<ol>
<li>
Accordion (Free) – Interactive FAQ/accordion with custom icons and smooth CSS-based animations.
</li>
<li>
<a href="https://pistonui.com/widgets/sticky-content/" rel="nofollow ugc">Sticky Content (Free)</a> – Two-column layout with JavaScript-powered smart sticky behavior and responsive controls.
</li>
<li>
Image Comparison (Free) – Before/after image comparison with draggable handle for visual comparisons.
</li>
<li>
Scroll Reveal Cards (Free) – Cards that animate and reveal on scroll with customizable effects.
</li>
<li>
Full Page Scroll Reveal Cards (Free) – Full-page scroll-triggered card animations with advanced timing controls.
</li>
<li>
Skills Tabs (Free) – Tabbed interface for displaying skills, services, or features with progress bars and descriptions.
</li>
<li>
Rich Title (Free) – Advanced title builder with inline text styling (highlight/underline), images, videos, and line breaks.
</li>
<li>
Feature Showcase (Free) – Left/right image positioning with subtitle, title, description, list items, and CTA button.
</li>
<li>
<a href="https://pistonui.com/widgets/user-reviews/" rel="nofollow ugc">User Reviews (Free)</a> – Customer testimonials and reviews display with rating stars and flexible layouts.
</li>
<li>
Burger Menu (Free) – Mobile-friendly hamburger menu with WordPress menu integration and smooth animations.
</li>
</ol>
<h4>Media & Display Widgets for Elementor</h4>
<ol>
<li>
<a href="https://pistonui.com/widgets/tiktok-videos/" rel="nofollow ugc">TikTok Videos (Free)</a> – Display TikTok videos in a responsive carousel or gallery grid with customizable items per screen size.
</li>
<li>
<a href="https://pistonui.com/widgets/youtube-popup/" rel="nofollow ugc">YouTube Popup (Free)</a> – Play YouTube videos in a lightweight modal with optional thumbnail and ripple animation.
</li>
<li>
Logo Slider (Free) – Responsive carousel for displaying partner/client logos with Owl Carousel integration.
</li>
<li>
<a href="https://pistonui.com/widgets/sliding-text-bar/" rel="nofollow ugc">Sliding Text Bar (Free)</a> – Animated marquee/ticker with customizable speed, direction, rotation, and full-width options.
</li>
</ol>
<h4>Content Display Widgets for Elementor</h4>
<ol>
<li>
Posts Grid (Free) – Flexible recent posts grid with taxonomy filters and layout controls.
</li>
<li>
Feature Cards (Free) – Showcase features or services in a responsive card grid with icons and descriptions.
</li>
<li>
Counter Stats (Free) – Animated counter statistics with customizable icons, numbers, and labels.
</li>
</ol>
<h4>WooCommerce Widgets for Elementor</h4>
<ol>
<li>
Category Showcase (Free) – Display WooCommerce product categories with custom images, titles, and product counts.
</li>
<li>
Category Icons Grid (Free) – Grid layout for category icons with hover effects and custom styling.
</li>
<li>
Products Grid (Free) – Showcase products in a responsive grid with sorting, filtering, and discount badge options.
</li>
<li>
Products Masonry Grid (Free) – Advanced masonry layout for products with perfect gap control and responsive design.
</li>
<li>
Products Grid Pagination (Free) – Products grid with built-in pagination controls and AJAX loading.
</li>
<li>
Product Slider (Free) – Dynamic product carousel with configurable columns and responsive breakpoints.
</li>
<li>
Quick Cart (Premium) – Hover-activated cart dropdown with AJAX updates and WooCommerce integration.
</li>
<li>
Single Product (Premium) – Enhanced single product display with advanced customization options.
</li>
</ol>
<h4>Template Management System</h4>
PistonUI includes a complete template management system that lets you design and control every part of your website with Elementor.
<ul>
<li>Header Templates – Replace theme headers with custom Elementor designs.</li>
<li>Footer Templates – Custom footer templates with full theme override.</li>
<li>Popup Templates (Premium) – Custom popup designs for specific pages.</li>
<li>Checkout Templates (Premium) – WooCommerce checkout page customization.</li>
<li>Single Post Templates – Custom layouts for individual blog posts.</li>
<li>Single Product Templates (Premium) – Custom layouts for WooCommerce products.</li>
<li>Display Conditions – Control where templates appear: entire site, specific pages, posts, categories, homepage, or archive pages.</li>
</ul>
<h4>Why Choose PistonUI?</h4>
<ul>
<li>Lightweight & Fast – Optimized for performance with on-demand asset loading. No bloat.</li>
<li>SEO Friendly – Clean, semantic HTML output that search engines love.</li>
<li>Fully Responsive – Every widget adapts perfectly to desktop, tablet, and mobile.</li>
<li>Easy to Use – Intuitive Elementor controls with real-time preview. No coding needed.</li>
<li>Developer Friendly – Namespaced PHP classes, hooks, filters, and WordPress coding standards compliant.</li>
<li>Widget Dashboard – Enable/disable individual widgets to keep Elementor clean and your site fast.</li>
<li>Regular Updates – Actively maintained with new widgets and features added regularly.</li>
</ul>
<h3>External Services</h3>
<h4>TikTok oEmbed</h4>
<ul>
<li>What: The TikTok Videos widget may request oEmbed data from TikTok to retrieve a video thumbnail.</li>
<li>When: When a TikTok video is added without a custom thumbnail, at render time the server requests TikTok’s oEmbed endpoint to fetch metadata/thumbnail.</li>
<li>Data sent: The TikTok video URL you provide in the widget is sent to TikTok’s oEmbed endpoint. The request originates from your server.</li>
<li>Purpose: To automatically display a thumbnail image for the TikTok link.</li>
<li>Terms: https://www.tiktok.com/legal/terms-of-service?lang=en</li>
<li>Privacy: https://www.tiktok.com/legal/page/eea/privacy-policy/en</li>
</ul>
<h4>Polar.sh License Validation</h4>
<ul>
<li>What: PistonUI uses the Polar.sh API to validate, activate, and deactivate premium license keys.</li>
<li>When: When a site administrator activates, deactivates, or verifies a license key from the PistonUI License tab, and once daily via a scheduled background check.</li>
<li>Data sent: The license key, your site domain (as an activation label), and the PistonUI organization identifier are sent to Polar.sh API endpoints. The request originates from your server.</li>
<li>Purpose: To verify that the license key is valid and manage premium feature access.</li>
<li>Service: https://polar.sh</li>
<li>Terms: https://polar.sh/legal/terms</li>
<li>Privacy: https://polar.sh/legal/privacy</li>
</ul>
<h4>PistonUI Pre-build Templates API</h4>
<ul>
<li>What: PistonUI connects to pistonui.com to fetch a gallery of pre-build Elementor templates.</li>
<li>When: When a site administrator visits the “Pre-build Templates” tab in the PistonUI dashboard. Template data is cached for 6 hours.</li>
<li>Data sent: No personal data is sent. Only standard HTTP GET requests with optional category, search, and pagination parameters are made to the API. The request originates from your server.</li>
<li>Purpose: To display a browsable gallery of professionally designed Elementor templates that premium users can import.</li>
<li>Service: https://pistonui.com</li>
<li>API endpoint: https://pistonui.com/wp-json/pistonui/v1/</li>
<li>Terms: https://pistonui.com/terms</li>
<li>Privacy: https://pistonui.com/privacy</li>
</ul>

PistonUI – Elementor & Gutenberg Widgets

Supercharge Elementor & Gutenberg with 25+ widgets, WooCommerce integrations, and a template system. SEO friendly & built for speed.

Wiratheme

Wira Kit for Elementor is a modular Elementor addon built to help you create complete WordPress websites faster. It includes powerful widgets, dynamic content elements, post and archive builders, loop builder, popup builder, and advanced display controls.
Unlike many Elementor addons that load everything at once, Wira Kit lets you enable or disable only the widgets and modules you need. This keeps your website lighter, faster, and easier to manage.
Whether you are creating a business website, blog, portfolio, agency website, landing page, or custom post type layout, Wira Kit gives you the tools to build it directly inside Elementor.
<h4>Key Features</h4>
<ul>
<li>Modular system to enable or disable widgets and modules individually.</li>
<li>Lightweight and optimized for better performance.</li>
<li>Dynamic content widgets for posts, archives, and template builder.</li>
<li>Flexible template builder for headers, footers, single posts, archives, search pages, and 404 pages.</li>
<li>Loop Builder and Popup Builder support.</li>
<li>Clean and modern widgets designed for Elementor.</li>
<li>Compatible with Elementor Free.</li>
<li>Built with GPL v3.</li>
</ul>
<h4>Included Widgets & Modules</h4>
See all available widgets and live examples here: <a href="https://wiratheme.com/wirakit/" rel="nofollow ugc">All Widgets And Examples</a>
Wira Kit currently includes more than 40 widgets and modules:
<h4>General Widgets</h4>
<ul>
<li>
 <a href="https://wiratheme.com/widget/block-components/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Block Components</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/nav-menu/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Nav Menu</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/button/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Button</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/advanced-heading/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Advanced Heading</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/search-form/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Search Form</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/blog-post/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Blog Post</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/block-carousel/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Block Carousel</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/cf7/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Contact Form 7</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/info-box-repeater/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Info Box Repeater</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/icon-box/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Icon Box</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/accordion/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Accordion</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/progress-bar/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Progress Bar</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/tab-widget/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Tab Widget</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/tooltip/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Tooltip</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/image-marquee/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Image Marquee</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/text-marquee/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Text Marquee</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/testimonials/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Testimonials</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/menu-list/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Menu List</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/team/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Team</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/team-repeater/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Team Repeater</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/countdown-timer/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Countdown Timer</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/logo-marquee/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Logo Marquee</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/portfolio-gallery/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Portfolio Gallery</a>
</li>
<li>
 <a href="https://wiratheme.com/widget/back-to-top/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Back To Top</a>
</li>
</ul>
<h4>Single / Dynamic Post Widgets</h4>
<ul>
<li>Post Share</li>
<li>Dynamic Content</li>
<li>Post Excerpt</li>
<li>Featured Image</li>
<li>Post Title</li>
<li>Archive Title</li>
<li>Search Result Title</li>
<li>Post Comments</li>
<li>Post Meta</li>
<li>Post Navigation</li>
</ul>
<h4>Builder Modules</h4>
<ul>
<li>Loop Builder</li>
<li>Brand Logo</li>
<li>Popup</li>
<li>Dynamic Button</li>
<li>Archive List</li>
</ul>
<h4>Effects & Utilities</h4>
<ul>
<li>Glassmorphism Effect</li>
<li>Sticky Effect</li>
<li>Featured Image Background</li>
</ul>
<h4>Template Builder</h4>
Create and manage every part of your website directly inside Elementor:
<ul>
<li>Header Builder</li>
<li>Footer Builder</li>
<li>Single Builder</li>
<li>Archive Builder</li>
<li>Search Result Builder</li>
<li>404 Builder</li>
</ul>
Use custom display conditions to control where each template appears.
<h4>Why Choose Wira Kit?</h4>
Most Elementor addons try to include everything, which can make your website slower and harder to manage.
Wira Kit focuses on a modular workflow:
<ul>
<li>Enable only the widgets you need.</li>
<li>Keep Elementor lightweight.</li>
<li>Build custom layouts faster.</li>
<li>Create complete websites without installing multiple plugins.</li>
</ul>
This makes Wira Kit especially useful for agencies, freelancers, bloggers, and business website creators.
<h4>Perfect For</h4>
<ul>
<li>Business websites</li>
<li>Digital agencies</li>
<li>Blogs and magazines</li>
<li>Portfolios</li>
<li>Corporate websites</li>
<li>Personal websites</li>
<li>Service websites</li>
<li>Landing pages</li>
<li>Custom post type websites</li>
</ul>
<h4>Upcoming Pro Features</h4>
The free version includes essential widgets and builder features. Future Pro versions may include:
<ul>
<li>Advanced form fields</li>
<li>Google Maps field</li>
<li>Image field and gallery field</li>
<li>Single and multi repeater field</li>
<li>WooCommerce widgets</li>
<li>Additional template kits</li>
<li>More dynamic content features</li>
</ul>
<h3>External services</h3>
This plugin connects to Wira Theme API endpoints to browse and import template kits. 
This plugin connects to an external API to fetch template data. 
No personal data is stored without user consent.
Service provider: Wira Theme 
Service URL (kits list): <code>https://api.wiratheme.com/wp-json/wira/v1/kits</code> 
Service URL (kit detail): <code>https://api.wiratheme.com/wp-json/wira/v1/kits/{slug}</code> 
Service URL (kit download): <code>https://api.wiratheme.com/wp-json/wira/v1/download/{slug}</code> (used through <code>download_endpoint</code> returned by kit detail response)
Service URL (full import kits list): https://api.wiratheme.com/wp-json/wira/v1/kits 
Service URL (full import kit detail): https://api.wiratheme.com/wp-json/wira/v1/kits/{slug} 
Service URL (full import kit download): https://api.wiratheme.com/wp-json/wira/v1/download/{slug} (used through download_endpoint returned by kit detail response)
When requests are sent (full import): 
* When the admin opens Template Kit > Full Import. 
* When the admin clicks import for a full import kit.
When requests are sent: 
* When the admin opens Template Kit > Browse Template Kits. 
* When the admin clicks import for a remote template kit.
What is sent: 
* The selected kit slug when requesting kit detail (<code>{slug}</code> endpoint). 
* Standard HTTP request metadata sent by WordPress/PHP environment.
What is received: 
* Kits list response can include: <code>slug</code>, <code>name</code>, <code>demo</code>, <code>version</code>, <code>thumbnail</code>, <code>pricing_type</code>. 
* Kit detail response can include: <code>slug</code>, <code>name</code>, <code>version</code>, <code>pricing_type</code>, <code>download_endpoint</code>. 
* Download endpoint response returns the template kit ZIP for import processing.
Why this is sent: 
* To retrieve template kit metadata, determine pricing/import availability, and download template kit ZIP files for import.
Third-party terms: 
* https://wiratheme.com/api-terms/ 
* https://wiratheme.com/terms-of-service/ 
* https://wiratheme.com/privacy-policy/
Post Sharer external services: 
The Post Sharer widget can open third-party share endpoints when a visitor clicks a share button.
Services used (depending on user selection): 
This widget can open the following third-party share endpoints: 
Facebook, X/Twitter, Pinterest, LinkedIn, Tumblr, Flickr, VK, Odnoklassniki (ok.ru), Mail.ru, LiveJournal, Blogger, 
Digg, Evernote, Reddit, Delicious, StumbleUpon, Pocket, Surfingbird, LiveInternet, Buffer, Instapaper, 
Xing, WordPress.com, Baidu, Renren, Weibo, Skype, Telegram, Viber, WhatsApp, LINE.
When requests are sent: 
* Only when a visitor clicks a share button in the Post Sharer widget.
What is sent: 
* The current page URL and, where supported by the service, the page title (as query string parameters in the share URL). 
* These requests are made by the visitor’s browser directly to the selected share provider.
Why this is sent: 
* To open the provider’s share UI prefilled with the current page URL/title.
third-party terms and privacy: 
* Facebook (share endpoint: https://www.facebook.com/): https://www.facebook.com/legal/terms , https://www.facebook.com/privacy/policy 
* X/Twitter (share endpoint: https://twitter.com/): https://twitter.com/en/tos , https://twitter.com/en/privacy 
* Pinterest (share endpoint: https://pinterest.com/): https://policy.pinterest.com/en/terms-of-service , https://policy.pinterest.com/en/privacy-policy 
* LinkedIn (share endpoint: https://www.linkedin.com/): https://www.linkedin.com/legal/user-agreement , https://www.linkedin.com/legal/privacy-policy 
* Reddit (share endpoint: https://www.reddit.com/): https://www.redditinc.com/policies/user-agreement , https://www.reddit.com/policies/privacy-policy 
* Telegram (share endpoint: https://t.me/): https://telegram.org/tos , https://telegram.org/privacy 
* LINE (share endpoint: https://social-plugins.line.me/): https://terms.line.me/line_terms?lang=en , https://privacy.line.me/line_privacy?lang=en 
* Viber (share endpoint: viber://): https://www.viber.com/terms/ , https://www.viber.com/privacy/ 
* Skype (share endpoint: https://web.skype.com/): https://www.microsoft.com/servicesagreement , https://privacy.microsoft.com/ 
* WhatsApp (share endpoint: https://api.whatsapp.com/): https://www.whatsapp.com/legal/terms-of-service/ , https://www.whatsapp.com/legal/privacy-policy/ 
* Other providers listed above have their own terms and privacy policy, available from their respective websites.

WiraKit For Elementor – Powerful Elementor Widgets And Theme Builder

Build complete WordPress websites faster with Free Theme Builder and Powerful Dynamic Widgets.

PistonUI – Elementor & Gutenberg Widgets vs WiraKit For Elementor – Powerful Elementor Widgets And Theme Builder