Emiliano Lorenzi

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.
<h3>🌟 Key Features</h3>
<ul>
<li>🎢 Parallax effect with adjustable speed and direction </li>
<li>🔍 Zoom and focus point controls for perfect alignment </li>
<li>📱 Responsive design for all devices </li>
<li>🎨 Customizable overlays with color and transparency settings </li>
<li>🧲 Scroll animations (fade, slide, zoom, and more) </li>
<li>🖱️ Hover effects (blur, grayscale, contrast, brightness, etc.) </li>
<li>🔧 Overlay content – 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.

Parallax, Image and Video Backgrounds Plugin For WordPress 
★★★★★
Create any type of backgrounds using advanced block settings. We created <a href="https://wpbackgrounds.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Advanced WordPress Backgrounds plugin</a> to insert the Youtube and Image Parallax backgrounds with a few clicks on block sites of our clients.
<a href="https://wpbackgrounds.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">See Live Demo</a> | <a href="https://wpbackgrounds.com/docs/getting-started/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Documentation</a> | <a href="https://github.com/nk-crew/awb/" rel="nofollow ugc">GitHub</a>
<h3>Features</h3>
<ul>
<li>Background Types:
<ul>
<li>Color</li>
<li>Image</li>
<li>Post Featured Image</li>
<li>Pattern images</li>
<li>Self Hosted Video</li>
<li>Youtube / Vimeo Video</li>
</ul>
</li>
<li>Parallax options powered by high performance JavaScript plugin <a href="https://github.com/nk-o/jarallax/" rel="nofollow ugc">Jarallax</a>
<ul>
<li>Custom speed option</li>
<li>Enable / Disable for mobile devices option</li>
<li>Scroll effect</li>
<li>Opacity effect</li>
<li>Scale effect</li>
<li>Scroll + Opacity effect</li>
<li>Scroll + Scale effect</li>
</ul>
</li>
<li>Mouse Parallax</li>
<li>Custom video start & end time</li>
<li>srcset supported (i.e. Google love it)</li>
<li>Overlay color with transparency options</li>
<li>Gutenberg block supported</li>
<li>WPBakery Page Builder supported (extended row and col options + separate shortcode)</li>
<li>Custom CSS offsets (paddings + margins)</li>
</ul>

Advanced WordPress Backgrounds

Best parallax plug

Best way to add video bkg self hosted to WP Bakery


My theme comes with Jarallax. AWB is the perfect addition to actually take advantage of it.


Perfect addition for Jarallax

Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.

PIBE – Parallax Image Block and Effects vs Advanced WordPress Backgrounds