Oleksiy Lavrynenko

<p>Hover Preview enhances your WordPress website by displaying a small website preview when users hover over a link.<br />
It utilizes the PagePeeker service to generate the previews, making it easier for users to get a sneak peek of the linked website.</p>
<h4>Features</h4>
<ul>
<li>Automatically displays a preview of the linked website when hovering over a link.</li>
<li>Easily configure the API key for the PagePeeker service.</li>
<li>Lightweight and responsive design.</li>
<li>Free to use with the PagePeeker unbranded plan.</li>
</ul>
<h4>How to Get Started</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Navigate to “Settings > Hover Preview” in the WordPress admin dashboard.</li>
<li>Enter your PagePeeker API key. If you don’t have one, sign up for a free unbranded plan here:<br />
<a href="https://pagepeeker.com/signup/unbranded/" rel="nofollow ugc">https://pagepeeker.com/signup/unbranded/</a>.</li>
<li>Save the settings and enjoy!</li>
</ol>


Hover Preview

Display a small website preview when hovering over a link. Customize your API key for PagePeeker directly in the plugin settings.

amitry

<p><strong><a href="https://demo.amitry.de/" rel="nofollow ugc">See the live demo →</a></strong> — hover any mockup to watch the full page scroll.</p>
<p>Amitry Project Grid is a WordPress browser mockup and scrolling screenshot plugin for agencies and freelancers. Show a website preview inside a clean browser frame that scrolls through the full-page screenshot on hover, then group these project cards into a responsive portfolio grid. Each card has five fields: an icon (dashicon or uploaded image), a headline, a description, a browser-mockup screenshot that scrolls automatically on hover, and a call-to-action button.</p>
<p>People look for this kind of plugin under many names – browser mockup, scrolling screenshot, website preview, portfolio screenshot grid, project showcase, or website frame. Amitry Project Grid covers that use case as a block, a shortcode, and an Elementor widget.</p>
<p>Cards can be used individually or grouped into a responsive grid for portfolio overviews.</p>
<h4>Card fields</h4>
<ul>
<li>Icon (Dashicon picker or uploaded image)</li>
<li>Headline with selectable heading level (H2-H6)</li>
<li>Description with basic inline formatting (bold, italic, links)</li>
<li>Mockup image displayed inside a browser frame, with hover-scroll for full-page screenshots</li>
<li>Call-to-action button with text, URL and target</li>
</ul>
<h4>Frontends</h4>
<ul>
<li>Project Grid block: grid container with a 1-6 column setting (responsive on smaller screens)</li>
<li>Project Card block: single card, can be used standalone or inside a grid</li>
<li>Shortcode for classic themes</li>
<li>Elementor widget (loads only if Elementor is active)</li>
</ul>
<h4>Mockup feature</h4>
<p>The mockup feature renders the uploaded screenshot inside a browser-style frame with traffic-light dots and an address bar. On hover (desktop) the image scrolls from top to bottom of the screenshot, then returns when the cursor leaves. On touch devices the scroll plays automatically when the card enters the viewport, and tapping replays it.</p>
<p>The plugin uses the original uploaded image (not WordPress\’ auto-scaled version) so long screenshots stay sharp.</p>
<h4>Privacy</h4>
<p>The plugin makes no external network requests. No data is collected, transmitted or stored outside your own WordPress installation.</p>
<h4>For developers</h4>
<p>The plugin exposes hooks for extensions:</p>
<ul>
<li><code>apshow_renderer_defaults</code>, <code>apshow_wrapper_classes</code>, <code>apshow_render_html</code>, <code>apshow_kses_allowed</code> (filters)</li>
<li><code>apshow_allowed_frames</code>, <code>apshow_allowed_scroll_modes</code>, <code>apshow_mockup_bar_html</code>, <code>apshow_mockup_html</code> (filters for extending mockup frames and animation modes)</li>
<li><code>apshow_before_render</code>, <code>apshow_after_render</code>, <code>apshow_loaded</code>, <code>apshow_activated</code>, <code>apshow_deactivated</code>, <code>apshow_admin_about_after_content</code> (actions)</li>
<li><code>APSHOW_HOOK_VERSION</code> constant for compatibility checks</li>
</ul>


Amitry Project Grid – Browser Mockup & Scrolling Screenshot Portfolio

Show website previews in a browser mockup that scrolls on hover. Build portfolio and project showcase grids with screenshots, headline, and CTA.

Hover Preview vs Amitry Project Grid – Browser Mockup & Scrolling Screenshot Portfolio