Beaf – Photo Comparison Block
Beaf – Photo Comparison Block
Description
Beaf is a custom Gutenberg Block based plugin that is developed with Gutenberg Native Components. You can easily showcase the Photo Comparison. It comes with different styles and settings so that you can easily customize it as per your needs. It is a lite version of Beaf Pro. To get more features and options, you can check the Beaf Pro.
Overview
Key Features
- Simple, light-weight, and super-fast
- Built with only Gutenberg Native Components
- No Block Builder at all
- 100% Responsive
- Horizontal & Vertical View
- Images Comparison Options
- Before & After Label
- Comparison start on Hover
- Horizontal & Vertical Comparison
- Easy to Use in Gutenberg Editor
- Drag & Drop Use
- No jQuery dependency
Beaf Pro features
- 3 Content Types (Image, Video, Iframe – Google Map)
- Custom Label Styles
- Custom Label Position
- Custom Label Typography
- Labels Animation Options
- Custom Comparison Starting Point
- Custom Comparison Line
- Custom Comparison Line Color
- Custom Comparison Line Thickness
- Custom Caption for beaf slider
Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. Get Beaf Pro
Installation
This section describes how to install the plugin and get it working.
e.g.
- Upload the plugin files to the
/wp-content/plugins/image-compare-blockdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Simply go to Gutenberg Block Editor and you will find a new block at Media Category named “Image Compare”
- Drag and drop to use it.
Screenshots
Faq
Beaf slider means Before and After Slider. It is a slider that showcases the before and after comparison between two images, videos, or iframes.
Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. Get Beaf Pro
Beaf Pro is the premium version of Beaf and it comes with a complete set of features and options. It is completely a separate plugin. You can simply deactivate the Beaf and install Beaf Pro. Then, you can start using it.
Yes, it is compatible with the latest WordPress version.
Sure, it is 100% Responsive
No, it is built with 100% Gutenberg Native Components only.
Please follow the video tutorial to see the uses of it.
Reviews
Nice & simple, missing caption.
By 
Nice and simple, worked for me straight out of the box. The only thing I'm missing (compared to Jetpack's Image Compare block) is having a caption.
Excellent work Great plugin
By 
I love this plugin, it did exactly what I expected thank you so much.
i like it! But...
By 
...the plugin always shows a message on every page in the dashboard asking for consent to some data colelction. I dont want it and I apreciate that you probably dont just take it anyway. But I dont't like that I can't say no. I can skip the message and in the next milisecond it will eppear right away again. ... maybe consider fixing this. its annoying!
I will definitly change this review once its fixed!
Simple and easy
By 
Basic block settings, that just work.
I tried another plugin first that had way more options, but lagged very badly on iPhone.
After adding this block (into columns) I can't select it again to edit by clicking on it directly, just via the block list. Clicking it directly just moves the split bar. That should be fixed.
(Mac, Safari, WP 6.4.2, Gutenberg)
Best Image Comparison Plugin Out There
By 
Better than the Competition, Just Works and does not cause CLS Problems
By 
Changelog
1.6.2
- Compatibility with the latest WordPress version
1.6.1
- Admin page updated
- Popup notice issue fixed
1.6.0
- Beaf Pro is now available
- Labels position issue fixed
- Admin page updated
1.5.0 – Checking Compatibility with the Latest WordPress version
1.0.0 – Initial Release