David Jensen

CloudCatch

A simple yet robust solution for creating modals within the WordPress block editor.
🚀 <a href="https://light-modal-block.cloudcatch.io/" rel="nofollow ugc">View Demo</a>
<h3>Features</h3>
<ul>
<li>Fully customizable using the native block editor style controls</li>
<li>Trigger modal on click for any element via CSS selector</li>
<li>Trigger modal on page load after X milliseconds
<ul>
<li>Set cookie to not show modal again on page load until X minutes have elapsed</li>
<li>Option for user interaction within modal triggers cookie to be set</li>
</ul>
</li>
<li>Custom modal width</li>
<li>Optional close button</li>
<li>API enabled</li>
<li>Only 2kb gzipped</li>
<li>Accessibility enabled</li>
<li>Use modals within the query loop block</li>
</ul>
<h3>Attribution</h3>
The Light Modal block uses a modified version of the <a href="https://github.com/Ghosh/micromodal" rel="nofollow ugc">Micromodal</a> library.

Light Modal Block

Lightweight, customizable modal block for the WordPress block editor

Nicola Franchini

Tired of slow, clunky lightboxes that rely on jQuery? VenoBox is the modern, lightweight, and performance-focused lightbox your WordPress site deserves.
Built from the ground up with pure JavaScript, VenoBox is incredibly fast and avoids conflicts with other plugins. It intelligently calculates the best display size for your images, offers beautiful touch-swipe navigation for galleries, and seamlessly integrates with WooCommerce product galleries.
<h3>Why Choose VenoBox?</h3>
<ul>
<li>⚡ Performance First (No jQuery): Incredibly lightweight and fast-loading. It won’t slow down your site.</li>
<li>📱 Truly Responsive: Smart image resizing and touch-swipe navigation provide a flawless experience on any device.</li>
<li>🛒 WooCommerce Ready: Automatically enhances your WooCommerce product galleries with a beautiful and user-friendly lightbox.</li>
<li>🎬 Multimedia Support: Works perfectly with images, videos (YouTube, Vimeo, HTML5), iFrames, and inline content.</li>
<li>🎨 Highly Customizable: Easily change colors, styles, preloaders, and aspect ratios to match your brand’s design.</li>
</ul>
<h3>Features</h3>
<ul>
<li>
Responsive Image Handling: 
VenoBox sets itself apart by dynamically calculating the max width of displayed images and maintaining their original height, ensuring your visuals look stunning on any device. No more microscopic resized images on small screens – VenoBox guarantees an immersive user experience.
</li>
<li>
Optional Image Resizing: 
Take control of your visuals with VenoBox’s optional image resizing feature, allowing you to fit images perfectly within the viewport height. Tailor your content for an aesthetically pleasing and responsive display.
</li>
<li>
Multimedia Versatility: 
From images and iframes to inline content, VenoBox supports it all. Seamlessly integrate Vimeo, YouTube, and HTML5 video formats into captivating modal lightbox popups for a truly engaging user experience.
</li>
<li>
Automatic Activation: 
Let VenoBox do the heavy lifting by automatically enabling itself for all linked images and videos on your WordPress site. Enjoy hassle-free implementation and an instantly improved visual presentation.
</li>
<li>
Touch Swipe Gallery Navigation: 
Enhance user interaction with touch swipe gallery navigation. Your audience can effortlessly explore galleries with a simple swipe, creating an intuitive and enjoyable browsing experience.
</li>
<li>
Keyboard Navigation: 
Navigate through your content with ease using VenoBox’s keyboard navigation feature. Provide users with multiple ways to interact, ensuring accessibility and user-friendliness.
</li>
<li>
Custom Preloaders: 
Impress your visitors with custom preloaders that match your website’s style. Choose from a variety of options to create a seamless transition as your images and videos load.
</li>
<li>
Custom Videos Aspect Ratio: 
Fine-tune your video displays with custom aspect ratios, ensuring your multimedia content looks just the way you envision it.
</li>
<li>
Customizable Colors and Styles: 
Tailor the appearance of VenoBox to match your brand with customizable colors and styles. Maintain a consistent visual identity across your website, creating a cohesive and polished look.
</li>
<li>
WooCommerce Compatibility: 
VenoBox seamlessly integrates with WooCommerce product galleries, offering a streamlined solution for displaying your products with style and flair.
</li>
</ul>
<h3>3rd party services</h3>
YouTube 
If you enable VenoBox for videos and link YouTube videos, the plugin embeds the videos inside of your website with the following url: 
https://www.youtube-nocookie.com/embed/
Terms of service: 
https://developers.google.com/youtube/terms/api-services-terms-of-service
Vimeo 
If you enable VenoBox for videos and link Vimeo videos, the plugin embeds the videos inside of your website with the following url: 
https://player.vimeo.com/video/
Terms of servce: 
https://vimeo.com/terms
<h3>More from Nicola Franchini</h3>
If you find VenoBox useful, you might also like my other tools for WordPress:
<ul>
<li>💎 <a href="https://qrcdr.pro/" rel="nofollow ugc">QRcdr</a>: From static codes to a full Dynamic QR SaaS. Sell plans, track scans and monetize.</li>
<li>📍 <a href="https://veno.es/venomaps/" rel="nofollow ugc">VenoMaps</a>: The ultimate Google Maps alternative. Create fast, privacy-friendly maps using OpenStreetMap. No API keys required, no hidden costs, and zero configuration headaches.</li>
</ul>
Discover all my solutions at <a href="https://veno.es/shop/" rel="nofollow ugc">veno.es</a>. 
High-quality scripts, premium add-ons, and professional tools designed for performance-focused developers.

VenoBox – Lightweight & Responsive Lightbox Plugin

A fast, responsive, and flexible lightbox for images, videos, and galleries. Zero jQuery dependency.

Light Modal Block vs VenoBox – Lightweight & Responsive Lightbox Plugin