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.

radaplug

<h4>Loads Posts and Gutenberg Patterns inside a loaded web page asynchronously and reduce page loading time significantly!</h4>
<p>This plugin presents a Gutenberg block that Loads content of supported post types via Ajax after page loads, very usefull for achieving lower load times, specially when there are dynamic contents.</p>
<h4>🌟 Insert your ‘WordPress Blog Posts’ or ‘Gutenberg Patterns’ anywhere inside your page</h4>
<ul>
<li>In Gutenberg editor, search for ‘Ajax Sections’ block and insert it inside your page or post layout</li>
<li>Setup the options and parameters of the block on the side panel including post id or slug</li>
<li>Choose either automatic asynchrounous loading of the post or pattern after a predefined delay or loading by clicking on a button</li>
<li>Even turn off asynchronous loading and the post or pattern will load among other page elements normally</li>
<li>Only one post or gutenberg pattern may be inserted in each page or post via gutenberg ‘Ajax Sections’ block using free version of this plugin</li>
<li>You can insert as many blocks as you want in the gutenberg editor and you can see the resulting loaded post or pattern, but only the first block will be loaded at frontend while using free version</li>
<li>Only the post or pattern main content will be loaded and other information like author, date, … will not be shown</li>
<li>Therefore the post or pattern should have a defined content in order to be loaded via this plugin</li>
</ul>
<h4>🔥 Unlock All Features with Ajax Sections Pro by Radaplug</h4>
<ul>
<li>Pro version also supports inserting ‘Elementor Templates’ inside your gutenberg page or post editor</li>
<li>An ‘Elementor Widget’ will do the same as the ‘Gutenberg Block’ in any elementor editing page as well</li>
<li>The ‘Elementor Widget’ also supports ‘WordPress Blog Posts’ and ‘Gutenberg Patterns’ to be inserted in elementor pages</li>
<li>Some ‘Motion Effects’ features are also available in both editors while loading a section or a block asynchronously</li>
<li>There are no more limitations on the number of sections or blocks in any page or post</li>
<li>Nested Sections or Blocks is also supported and if a post or pattern or elementor template contains an ‘Ajax Sections’ element itself, it will be loaded using its own settings too</li>
<li>Some ‘Elementor Templates’ (e.g. Carousels) may require loading more javascript code to work properly and this will be handled in future versions of the pro plugin</li>
</ul>
<h4>🚀 Accelerate Your Website Pages but Avoid Layout Shift</h4>
<ul>
<li>By using this plugin you will gain more initial speed while loading your webpage by asynchronously loading contentful blocks or sections which may also require more time consuming database queries</li>
<li>Asynchronous loading of blocks and sections may cause some Layout Shifts in the already loaded viewport of the page which is better to avoid</li>
<li>If this is an important webpage which should have a high performance score (e.g Home Page or a Landing Page), you would rather not inserting an ‘Ajax Sections’ block or widget in the viewport of the page</li>
</ul>


Ajax Sections by Radaplug

A WordPress plugin to load blocks and sections asynchronously.

PistonUI – Elementor & Gutenberg Widgets vs Ajax Sections by Radaplug