Revealr – Before & After Image Slider for WordPress

Show the difference your work makes with a draggable before / after image slider. Horizontal or vertical, keyboard accessible, Gutenberg block and shortcode.

▶ Try the live demo

Show the difference your work makes: renovations, haircuts, cleaning, landscaping, retouching, beauty treatments… Revealr puts two photos on top of each other with a handle visitors drag to reveal the change.

Why buyers like it

• Clean, modern design that fits any theme
• Lightweight: no jQuery on the front end, no external service, no tracking
• Fully unlocked: no license key, no activation, readable GPL code
• English and French translations included, translation ready

Features

• "Before / After" Gutenberg block with image pickers and a live preview
• Horizontal (left / right) or vertical (top / bottom) comparison
• Drag, tap, or "follow the mouse" mode
• Keyboard accessible: arrow keys, Page Up / Down, Home / End, screen-reader friendly slider
• Gentle intro animation when the slider comes into view (can be turned off; respects reduced motion)
• Labels always shown, on hover or hidden; they fade when the handle covers them
• Image ratio: same as the photo, 16:9, 4:3, 3:2, 1:1 or 3:4
• Responsive images (srcset) and lazy loading
• Shortcode: `

  

  

  BeforeAfter

  `
• Lightweight: about 3 KB of JavaScript, no jQuery, no external service
• Translation-ready (French included)

Requirements

• WordPress 6.0 or later
• PHP 7.4 or later
• Works with any theme and page builder

What you get

• The installable plugin zip, ready to upload in Plugins › Add New
• Instant download after payment, from your order email and your account
• Free updates: download the latest version from your account at any time
• Readable GPL code, no license key, no activation, no tracking
• English and French translations included

Installation

1. After purchase, download the plugin zip from your order email or your account (do not unzip it).
2. In WordPress go to Plugins › Add New › Upload Plugin and upload revealr-before-after.zip.
3. Activate the plugin.
4. Open the plugin settings in the WordPress admin menu, adjust the options and save.
5. Display it anywhere with the shortcode

   

   

   BeforeAfter

   or the Gutenberg block.

Frequently asked questions

Does it work with my theme and page builder?

Yes. It works with any properly coded theme, including block themes, and with page builders through the shortcode.

Can I try it before buying?

Yes, every feature runs on the live demo.

Is there a subscription or a license key?

No. You pay once and download the plugin. There is no license key to activate.