PistonUi

<p>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.</p>
<p><strong>Works with both Elementor AND Gutenberg!</strong> 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.</p>
<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>
<p>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.</p>
<h4>Plugin Features</h4>
<ol>
<li>
<p>Widget Library – 25+ high-quality widgets for Elementor and Gutenberg covering hero sections, interactive elements, media, content, and WooCommerce.</p>
</li>
<li>
<p>Template Management System – Complete template system with Header, Footer, Popup, Checkout, and Single Post/Product templates with display conditions.</p>
</li>
<li>
<p>WooCommerce Integration – Dedicated WooCommerce widgets for product grids, sliders, masonry layouts, category showcases, and quick cart.</p>
</li>
<li>
<p>Widget Dashboard – Full control panel to enable/disable individual widgets, manage vendor assets, and optimize performance.</p>
</li>
<li>
<p>Pre-built Templates – Ready-to-use template designs for quick website setup (Premium).</p>
</li>
<li>
<p>Premium Features – Advanced widgets and tools for professional websites with premium activation controls.</p>
</li>
</ol>
<h4>Hero & Banner Widgets for Elementor</h4>
<ol>
<li>
<p>Sliding Hero (Free) – Full-width hero slider with multiple headings, descriptions, CTA buttons, and customizable overlay effects.</p>
</li>
<li>
<p><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.</p>
</li>
<li>
<p>Promo Banner (Free) – Eye-catching promotional banners with flexible image positioning and customization options.</p>
</li>
</ol>
<h4>Interactive Content Widgets for Elementor</h4>
<ol>
<li>
<p>Accordion (Free) – Interactive FAQ/accordion with custom icons and smooth CSS-based animations.</p>
</li>
<li>
<p><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.</p>
</li>
<li>
<p>Image Comparison (Free) – Before/after image comparison with draggable handle for visual comparisons.</p>
</li>
<li>
<p>Scroll Reveal Cards (Free) – Cards that animate and reveal on scroll with customizable effects.</p>
</li>
<li>
<p>Full Page Scroll Reveal Cards (Free) – Full-page scroll-triggered card animations with advanced timing controls.</p>
</li>
<li>
<p>Skills Tabs (Free) – Tabbed interface for displaying skills, services, or features with progress bars and descriptions.</p>
</li>
<li>
<p>Rich Title (Free) – Advanced title builder with inline text styling (highlight/underline), images, videos, and line breaks.</p>
</li>
<li>
<p>Feature Showcase (Free) – Left/right image positioning with subtitle, title, description, list items, and CTA button.</p>
</li>
<li>
<p><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.</p>
</li>
<li>
<p>Burger Menu (Free) – Mobile-friendly hamburger menu with WordPress menu integration and smooth animations.</p>
</li>
</ol>
<h4>Media & Display Widgets for Elementor</h4>
<ol>
<li>
<p><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.</p>
</li>
<li>
<p><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.</p>
</li>
<li>
<p>Logo Slider (Free) – Responsive carousel for displaying partner/client logos with Owl Carousel integration.</p>
</li>
<li>
<p><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.</p>
</li>
</ol>
<h4>Content Display Widgets for Elementor</h4>
<ol>
<li>
<p>Posts Grid (Free) – Flexible recent posts grid with taxonomy filters and layout controls.</p>
</li>
<li>
<p>Feature Cards (Free) – Showcase features or services in a responsive card grid with icons and descriptions.</p>
</li>
<li>
<p>Counter Stats (Free) – Animated counter statistics with customizable icons, numbers, and labels.</p>
</li>
</ol>
<h4>WooCommerce Widgets for Elementor</h4>
<ol>
<li>
<p>Category Showcase (Free) – Display WooCommerce product categories with custom images, titles, and product counts.</p>
</li>
<li>
<p>Category Icons Grid (Free) – Grid layout for category icons with hover effects and custom styling.</p>
</li>
<li>
<p>Products Grid (Free) – Showcase products in a responsive grid with sorting, filtering, and discount badge options.</p>
</li>
<li>
<p>Products Masonry Grid (Free) – Advanced masonry layout for products with perfect gap control and responsive design.</p>
</li>
<li>
<p>Products Grid Pagination (Free) – Products grid with built-in pagination controls and AJAX loading.</p>
</li>
<li>
<p>Product Slider (Free) – Dynamic product carousel with configurable columns and responsive breakpoints.</p>
</li>
<li>
<p>Quick Cart (Premium) – Hover-activated cart dropdown with AJAX updates and WooCommerce integration.</p>
</li>
<li>
<p>Single Product (Premium) – Enhanced single product display with advanced customization options.</p>
</li>
</ol>
<h4>Template Management System</h4>
<p>PistonUI includes a complete template management system that lets you design and control every part of your website with Elementor.</p>
<ul>
<li><strong>Header Templates</strong> – Replace theme headers with custom Elementor designs.</li>
<li><strong>Footer Templates</strong> – Custom footer templates with full theme override.</li>
<li><strong>Popup Templates (Premium)</strong> – Custom popup designs for specific pages.</li>
<li><strong>Checkout Templates (Premium)</strong> – WooCommerce checkout page customization.</li>
<li><strong>Single Post Templates</strong> – Custom layouts for individual blog posts.</li>
<li><strong>Single Product Templates (Premium)</strong> – Custom layouts for WooCommerce products.</li>
<li><strong>Display Conditions</strong> – Control where templates appear: entire site, specific pages, posts, categories, homepage, or archive pages.</li>
</ul>
<h4>Why Choose PistonUI?</h4>
<ul>
<li><strong>Lightweight & Fast</strong> – Optimized for performance with on-demand asset loading. No bloat.</li>
<li><strong>SEO Friendly</strong> – Clean, semantic HTML output that search engines love.</li>
<li><strong>Fully Responsive</strong> – Every widget adapts perfectly to desktop, tablet, and mobile.</li>
<li><strong>Easy to Use</strong> – Intuitive Elementor controls with real-time preview. No coding needed.</li>
<li><strong>Developer Friendly</strong> – Namespaced PHP classes, hooks, filters, and WordPress coding standards compliant.</li>
<li><strong>Widget Dashboard</strong> – Enable/disable individual widgets to keep Elementor clean and your site fast.</li>
<li><strong>Regular Updates</strong> – 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.

POSIMYTH

Sagar Patel

Devang Vachheta

<p><a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">WDesignKit</a> is the ultimate designer tool for WordPress, empowering designers to create stunning websites in minutes. It’s the fastest way to build a WordPress website, making it a must-have tool for every WordPress designer or agency owner.</p>
<p><strong> <a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc"> VISIT WDESIGNKIT WEBSITE</a></strong></p>
<h3><strong> Quick Navigation Links</strong></h3>
<p><a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc"> Visit Website</a> | <a href="https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1" rel="nofollow ugc">Video Tutorials</a>| <a href="https://learn.wdesignkit.com/docs/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Documentations</a> | <a href="https://roadmap.wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Roadmap</a> | <a href="https://www.facebook.com/groups/884892449594153" rel="nofollow ugc">Join Facebook Community</a> | <a href="https://wordpress.org/support/plugin/wdesignkit" rel="ugc">Free Support</a> | <a href="https://store.posimyth.com/helpdesk/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Premium Support</a> | <a href="https://wdesignkit.com/chat/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">AI Chat (Instant Answers)</a></p>
<h3>Complete WDesignKit Features Explained Under 4 Mins <a href="https://www.youtube.com/watch?v=Bw5IHPxr0Nc" rel="nofollow ugc"> Watch Now</a></h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Bw5IHPxr0Nc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4RhZwuyFd8k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=101&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>What is WDesignKit ?</h3>
<ul>
<li><strong><a href="https://wdesignkit.com/templates?builder_req=1001&utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">1600+ Elementor Page Templates, Kit & Sections</a></strong></li>
<li><strong><a href="https://wdesignkit.com/templates?builder_req=1002&utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">1500+ Gutenberg Templates & Patterns</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=1&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">80+ Elementor Widgets Library</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=2&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">30+ Gutenberg Blocks Library</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=3&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">30+ Bricks Elements Libary</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widget-builder/elementor-widget-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Elementor Widget Builder</a></strong> (Custom Code to Elementor Widget)</li>
<li><strong><a href="https://wdesignkit.com/widget-builder/gutenberg-blocks-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Gutenberg Blocks Builder</a></strong>(Custom Code to Gutenberg Blocks)</li>
<li><strong><a href="https://wdesignkit.com/widget-builder/bricks-elements-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Bricks Elements Builder</a></strong>  (Custom Code to Bricks Elements)</li>
<li><strong><a href="https://wdesignkit.com/widgets/page-builder-widgets-converter?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks#wkit-one-click-convert" rel="nofollow ugc">1- Click Widget Convertor</a></strong> — Easily Convert Elementor Widgets to Gutenberg Blocks or Bricks Elements & Vice Versa </li>
<li><strong><a href="https://wdesignkit.com/cloud-workspace?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Cloud Workspace</a></strong> — Collaborate with your Team & Store Page Templates, Figma Designs or Custom Widgets on Cloud </li>
<li><strong><a href="https://wdesignkit.com/figma-kits?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">60+ Figma Designed Websites</a></strong></li>
</ul>
<h3>🔍 OUR PRODUCTS</h3>
<p><strong><a href="https://theplusaddons.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 The Plus Addons for Elementor</a></strong> –  120+ Elementor Widgets to create Elementor Widgets Easily.</p>
<p><strong><a href="https://nexterwp.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 NexterWP Theme, Blocks & Extensions</a></strong> – Best Starter Theme for WordPress with 22+ WordPress Extension & 90+ Gutenberg Blocks.</p>
<p><strong><a href="https://uichemy.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 UiChemy – Figma to Elementor & Bricks Convertor</a></strong> – Convert your Figma Templates In Live Elementor Website using our <a href="https://www.figma.com/community/plugin/1265873702834050352/" rel="nofollow ugc">FREE Figma Plugin.</a></p>
<h3>External services</h3>
<ol>
<li>wdesignkit.com API : This API is used to fetch plugin-related data for onboarding and updates. It sends the plugin version and identifier during activation, updates, or specific plugin-related requests. For more details, you can review the <a href="https://wdesignkit.com/privacy-policy" rel="nofollow ugc">Privacy Policy</a> and <a href="https://wdesignkit.com/terms" rel="nofollow ugc">Terms of Service</a>.</li>
<li>api.wordpress.org : This API retrieves plugin metadata and compatibility information from WordPress.org. It sends the plugin identifier during updates or when checking compatibility. More information can be found in the <a href="https://wordpress.org/about/privacy/" rel="ugc">Privacy Policy</a> and <a href="https://wordpress.org/tos/" rel="ugc">Terms of Service</a>.</li>
<li>api.posimyth.com : The plugin connects to this API for two purposes: collecting optional feedback during deactivation and storing anonymized data during onboarding. For deactivation feedback, anonymized data is sent voluntarily by users, while onboarding interactions transmit minimal anonymized statistics. These APIs are only accessed during feedback submission or onboarding. You can find more details in the <a href="https://api.posimyth.com/privacy-policy/" rel="nofollow ugc">Privacy Policy</a> and <a href="https://api.posimyth.com/terms-and-conditions/" rel="nofollow ugc">Terms of Service</a>.</li>
</ol>


WDesignKit – Elementor & Gutenberg Starter Templates, Patterns, Cloud Workspace & Widget Builder


I have tried this plugin and love it , it has many innovative features such as you can create custom widgets and also customise pre build widgets too. They have options to build widgets for different editor such as Elementor, Bricks and Gutenburg I have tried one widget for elemetor and it’s work like a charm. Wish luck to team for more future updates.


Best widget builder

3000+ Elementor Templates, Gutenberg Templates, Widgets Builder for Elementor, Gutenberg & Bricks, Cloud Workspace & Figma Files, 160+ Widgets Library

PistonUI – Elementor & Gutenberg Widgets vs WDesignKit – Elementor & Gutenberg Starter Templates, Patterns, Cloud Workspace & Widget Builder