BACK TO DIRECTORY
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)
Screenshots
Animated block preview in the editor
Example of a parallax image with overlay text
Settings panel with animation controls
Responsive behavior on tablet and mobile