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.

Aastha Solutions

ashvins

<p><iframe loading="lazy" title="Particle Background WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/qsIpxJkeMBo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>Add your content on Particle Background it’s also support HTML.</li>
<li>A JavaScript plugin for snazzy background particle systems.</li>
<li>Works in any browser that supports HTML5 canvas.</li>
<li>You can customize as per your need using plugin shortcode,</li>
<li>Also manage Background Color, Dot Color, Line Color</li>
</ul>
<h4>Read about Shortcode:</h4>
<p>[particleground bgcolor=”#16a085″ dotcolor=”#5cbdaa” linecolor=”#5cbdaa”] Content Here [/particleground]</p>
<ul>
<li>bgcolor (optional) : set Background Color to full background. Default color is #16a085.</li>
<li>dotcolor (optional) : set Dot Color on Particle Background. Default color is #5cbdaa.</li>
<li>linecolor (optional) : set Line Color on Particle Background. Default color is #5cbdaa.</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Particleground was inspired by http://requestlab.fr/ and http://disruptivebydesign.com/ and https://github.com/jnicol/particleground</li>
<li>For plain HTML use : https://github.com/jnicol/particleground</li>
</ul>


Particle Background

Particle Background is background particle systems with parallax effect also controlled by the mouse on desktop and mobile devices.

PIBE – Parallax Image Block and Effects vs Particle Background