David Jensen

CloudCatch

<p>A simple yet robust solution for creating modals within the WordPress block editor.</p>
<p>🚀 <a href="https://light-modal-block.cloudcatch.io/" rel="nofollow ugc">View Demo</a></p>
<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>
<p>The Light Modal block uses a modified version of the <a href="https://github.com/Ghosh/micromodal" rel="nofollow ugc">Micromodal</a> library.</p>


Light Modal Block

Lightweight, customizable modal block for the WordPress block editor

webbkompaniet

<p>A modern lightbox modal integration for Ninja Forms. Fully updated to work with the latest WordPress, PHP, and Ninja Forms versions.</p>
<h3>Features</h3>
<ul>
<li>Opens any Ninja Form inside a modern, animated modal.</li>
<li>Fully responsive with mobile-friendly behavior.</li>
<li>Accessible: focus trap, keyboard navigation, and ARIA roles.</li>
<li>Simple shortcode integration.</li>
</ul>
<h3>Usage</h3>
<p>Add the shortcode where you want your modal button to appear:</p>
<p>[nfmm_modal id=”1″ text_link=”Contact Us”]</p>
<p><strong>Attributes:</strong><br />
* <code>id</code> — Required. The ID of your Ninja Form.<br />
* <code>text_link</code> — Optional. The button text. Defaults to “Open Form”.</p>
<h3>Accessibility</h3>
<ul>
<li>Uses <code>role="dialog"</code> and <code>aria-modal="true"</code>.</li>
<li>Focus is trapped inside the modal while open.</li>
<li>ESC closes the modal.</li>
<li>Focus returns to the triggering button when closed.</li>
</ul>
<h3>Developer Notes</h3>
<ul>
<li>Styles are located in <code>/css/modal.css</code>.</li>
<li>Scripts are located in <code>/js/modal.js</code>.</li>
<li>Shortcode logic in <code>/includes/shortcodes.php</code>.</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
You’re free to modify and redistribute it under the same license.</p>


Modern Modal for Ninja Forms

Adds a modern, fully updated lightbox modal integration for Ninja Forms.

Light Modal Block vs Modern Modal for Ninja Forms