PIBE – Parallax Image Block and Effects

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.

🌟 Key Features

• 🎢 Parallax effect with adjustable speed and direction
• 🔍 Zoom and focus point controls for perfect alignment
• 📱 Responsive design for all devices
• 🎨 Customizable overlays with color and transparency settings
• 🧲 Scroll animations (fade, slide, zoom, and more)
• 🖱️ Hover effects (blur, grayscale, contrast, brightness, etc.)
• 🔧 Overlay content – add titles, subtitles, or even full blocks
• ⚡ Built with performance in mind (requestAnimationFrame-based)

1. Install it directly from the WordPress plugin directory or upload the plugin files to /wp-content/plugins/pibe
2. Activate the plugin through the “Plugins” screen in WordPress.
3. Go to the editor and add the Parallax Image block.

1. 

   Animated block preview in the editor

2. 

   Example of a parallax image with overlay text

3. 

   Settings panel with animation controls

4. 

   Responsive behavior on tablet and mobile

1.0.1

• Added the value 0 for Parallax speed
• Added a slider for Animation strength
• The image is now linkable

1.0.0

• Initial release