PIBE – Parallax Image Block and Effects

Skildring

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)

Skjermbilete

  • 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

Blokker

Denne utvidinga gjev 1 blokk.

  • Parallax Image

Installasjon

  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.

Vanlege spm.

Does it work with any theme?

Yes, it’s designed to work with any modern, block-compatible theme.

Can I use multiple PIBE blocks on a single page?

Absolutely – you can add as many as you’d like, each with its own settings.

Is it compatible with the Site Editor (Full Site Editing)?

Yes, PIBE works seamlessly in both the post/page editor and Full Site Editing.

Omtalar

There are no reviews for this plugin.

Bidragsytarar og utviklarar

“PIBE – Parallax Image Block and Effects” is open source software. The following people have contributed to this plugin.

Contributors

Endringslogg

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