Emiliano Lorenzi

<p>PIBE (Parallax Image Block and Effects) is a flexible and user-friendly Gutenberg block that allows you to add modern, animated images to your pages with ease. Whether you want to add depth with parallax, capture your visitors’ attention with hover transitions, or highlight content with stylish overlays, PIBE makes it simple.</p>
<h3>🌟 Key Features</h3>
<ul>
<li>🎢 <strong>Parallax effect</strong> with adjustable speed and direction  </li>
<li>🔍 <strong>Zoom and focus point controls</strong> for perfect alignment  </li>
<li>📱 <strong>Responsive design</strong> for all devices  </li>
<li>🎨 <strong>Customizable overlays</strong> with color and transparency settings  </li>
<li>🧲 <strong>Scroll animations</strong> (fade, slide, zoom, and more)  </li>
<li>🖱️ <strong>Hover effects</strong> (blur, grayscale, contrast, brightness, etc.)  </li>
<li>🔧 <strong>Overlay content</strong> – add titles, subtitles, or even full blocks  </li>
<li>⚡ Built with performance in mind (requestAnimationFrame-based)</li>
</ul>


PIBE – Parallax Image Block and Effects

A ready to use Gutenberg block that lets you create animated images with parallax, hover effects and scroll animations – no code needed.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Md. Merajul Islam Sojib

<p>The parallax effect is a modern web design technique where the background element scrolls slower than the foreground content. The parallax effect can be used on landing pages, long-form content, sales pages, or the homepage of a business website. It is a great way to highlight different sections on a lengthy page.<br />
You can easily create a parallax section with this plugin.</p>
<h4>Features</h4>
<ul>
<li>Easy to use</li>
<li>It does not require much technical knowledge to use</li>
<li>It is lightweight because it relies on JavaScript</li>
</ul>
<p><strong><a href="https://bblockswp.com/demo/parallax-section/" rel="nofollow ugc">Demos</a></strong></p>
<h4>How to use</h4>
<ul>
<li>First, install the Parallax Section plugin</li>
<li>Add the Parallax Section block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us.</a></li>
</ul>
<h3>Check out the Parent plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Parallax Section Block – Add Parallax Scrolling Effects to Sections.

Add Parallax scrolling effects in any section of your website.

PIBE – Parallax Image Block and Effects vs Parallax Section Block – Add Parallax Scrolling Effects to Sections.