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.

Oooh Boi

<p>Parallaxer for Elementor brings the power of Rellax.js to your Elementor pages, allowing you to add smooth parallax scrolling effects to any widget with just a few clicks.<br />
But that is not all!<br />
With just one click you can apply smooth scrolling to all of your Elementor built pages. Smooth scroll is powered by the lenis.js library.<br />
Parallaxer also brings a mini fluid system for both typography and spacing which is brought to you by utopia.fyi fluid space calculator. It means that you no longer need to maintain typography and spacing across multiple breakpoints but rather provide only the desktop values while each value between the desktop and mobile will be interpolated.</p>
<h4>Features</h4>
<ul>
<li>Easy to use interface in Elementor’s Advanced tab</li>
<li>Responsive speed controls for different devices</li>
<li>Lightweight and optimized for performance</li>
<li>Works with any Elementor widget (Containers excluded!)</li>
<li>Global scroll smoothing (via the User Preferences panel)</li>
<li>Includes a mini fluid system for both typography and spacing</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Edit any element in Elementor</li>
<li>Go to the Advanced tab</li>
<li>Find the “Parallaxer” section</li>
<li>Enable parallax and adjust settings</li>
<li>Preview and adjust as needed</li>
</ol>


Parallaxer for Elementor

Add smooth parallax scrolling effects to any Elementor widget using the lightweight Rellax.js and lenis.js libraries.

PIBE – Parallax Image Block and Effects vs Parallaxer for Elementor