[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fVaZ8vDwWmi9rHWOP5AWUAd1dsMKdBcjLkqlWaOKrrLc":3},{"slug":4,"name":5,"version":6,"author":7,"author_profile":8,"description":9,"short_description":10,"active_installs":11,"downloaded":12,"rating":13,"num_ratings":13,"last_updated":14,"tested_up_to":15,"requires_at_least":16,"requires_php":14,"tags":17,"homepage":23,"download_link":24,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":27,"vulnerabilities":28,"developer":29,"crawl_stats":26,"alternatives":37,"analysis":153,"fingerprints":199},"before-after-image-slider-amp","Before After Image Slider (AMP)","1.0.0","James Osborne","https:\u002F\u002Fprofiles.wordpress.org\u002Fjamesosborne\u002F","\u003Cp>This plugin makes it easy to create a before and after image comparison slider, using \u003Ca href=\"https:\u002F\u002Famp.dev\" rel=\"nofollow ugc\">AMP\u003C\u002Fa> technology. It’s a quick method of implementing the related \u003Ca href=\"https:\u002F\u002Famp.dev\u002Fdocumentation\u002Fexamples\u002Fcomponents\u002Famp-image-slider\u002F\" rel=\"nofollow ugc\">amp-image-slider\u003C\u002Fa> component on your site.\u003C\u002Fp>\n\u003Cp>For best results use the \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Famp\u002F\" rel=\"ugc\">official AMP plugin\u003C\u002Fa>, with the viewing options applicable with this official plugin, rendering on AMP or non AMP URLs.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Features: \u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Easy to setup, select your images, width and height\u003C\u002Fli>\n\u003Cli>Super Lightweight\u003C\u002Fli>\n\u003Cli>Responsive (via the AMP intrinsic layout)\u003C\u002Fli>\n\u003Cli>Shortcode activated\u003C\u002Fli>\n\u003Cli>Fully AMP compatible\u003C\u002Fli>\n\u003Cli>Powered by AMP technology, optimized for performance\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>View a demo \u003Ca href=\"https:\u002F\u002Fjamesozz.ie\u002F1356\u002Fbefore-and-after-image-slider\u002F\" rel=\"nofollow ugc\">here.\u003C\u002Fa>\u003C\u002Fp>\n","This plugin makes it easy to create a before and after image comparison slider, using AMP technology. It's a quick method of implementing the rel …",10,1219,0,"","5.5.0","4.0",[18,19,20,21,22],"amp-image-slider","before-after","comparision","image-compare","pre-after","http:\u002F\u002Fjamesozz.ie","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fbefore-after-image-slider-amp.zip",100,null,"2026-03-15T10:48:56.248Z",[],{"slug":30,"display_name":7,"profile_url":8,"plugin_count":31,"total_installs":32,"avg_security_score":33,"avg_patch_time_days":34,"trust_score":35,"computed_at":36},"jamesosborne",3,120,90,30,87,"2026-04-04T14:20:31.138Z",[38,63,87,111,133],{"slug":39,"name":40,"version":41,"author":42,"author_profile":43,"description":44,"short_description":45,"active_installs":46,"downloaded":47,"rating":48,"num_ratings":49,"last_updated":50,"tested_up_to":51,"requires_at_least":52,"requires_php":53,"tags":54,"homepage":59,"download_link":60,"security_score":61,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":62},"wptd-image-compare","Image Before After Addon for Elementor – WPTD","1.2","WP Theme Developers - WPTD","https:\u002F\u002Fprofiles.wordpress.org\u002Fwpthemedevelopers\u002F","\u003Ch3>The #1 Image Before After Addon for Elementor\u003C\u002Fh3>\n\u003Cp>WPTD Image Before After is advanced elementor image compare plugin. You can easily compare two images by selection. Also we Provide here horizontal and vertical options too.\u003C\u002Fp>\n\u003Ch3>Rate\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fwptd-image-compare\u002Freviews\u002F?filter=5\" rel=\"ugc\">Please rate the plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fwptd-image-compare\u002Freviews\u002F?filter=5\" rel=\"ugc\">Read people reviews\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>The Features\u003C\u002Fh3>\n\u003Cp>Image Before After showing vertical and horizontal sliders and many features:\u003Cbr \u002F>\nAlso you can apply many options as we mentioned some examples below\u003C\u002Fp>\n\u003Col>\n\u003Cli>Orientation (Horizontal\u002FVertical).\u003C\u002Fli>\n\u003Cli>Default Offset(default slider range from 0 – 1).\u003C\u002Fli>\n\u003Cli>Move slider on mouse hover?.\u003C\u002Fli>\n\u003Cli>Allow a user to swipe.\u003C\u002Fli>\n\u003Cli>Allow a user to click (or tap) anywhere on the image to move the slider to that location.\u003C\u002Fli>\n\u003Cli>Enable overlay option for show before after labels\u003C\u002Fli>\n\u003Cli>Any theme support\u003C\u002Fli>\n\u003Cli>Easy to Use.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Live Demo\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"http:\u002F\u002Fplugins.wpthemedevelopers.com\u002Fwptd-image-compare\u002F\" rel=\"nofollow ugc\">WPTD Image Before After Live Demo\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Contact Us for More Works\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwpthemedevelopers.com\u002Fcontact\u002F\" rel=\"nofollow ugc\">WordPress Theme Developers\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwidenewshub.com\u002Fcontact\u002F\" rel=\"nofollow ugc\">Wide News Hub\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwidenewshub.com\u002Femi-calculator-for-home-loan-car-loan-personal-loan-in-india\u002F\" rel=\"nofollow ugc\">EMI Calculator Plugin Work Sample\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","WPTD Image Before After is advanced elementor image compare plugin. You can easily compare two images by selection. Also we Provide here horizontal an …",200,1720,80,1,"2023-11-18T13:02:00.000Z","6.4.8","3.0","5.7",[55,56,57,58,21],"after-before-image","before-after-slider","compare-js","image-after-before","http:\u002F\u002Fplugins.wpthemedevelopers.com\u002Fwptd-image-compare\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwptd-image-compare.zip",85,"2026-03-15T15:16:48.613Z",{"slug":64,"name":65,"version":66,"author":67,"author_profile":68,"description":69,"short_description":70,"active_installs":71,"downloaded":72,"rating":73,"num_ratings":74,"last_updated":75,"tested_up_to":76,"requires_at_least":16,"requires_php":77,"tags":78,"homepage":82,"download_link":83,"security_score":84,"vuln_count":85,"unpatched_count":13,"last_vuln_date":86,"fetched_at":62},"beaf-before-and-after-gallery","Ultimate Before After Image Slider & Gallery – BEAF","4.7.14","Themefic","https:\u002F\u002Fprofiles.wordpress.org\u002Fthemefic\u002F","\u003Ch4>A Simple and Flexible Before After Image Slider & Gallery Plugin for WordPress\u003C\u002Fh4>\n\u003Cp>👉 Official Demo Link: \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F?utm_source=wp_readme&utm_medium=beaf_top_slot&utm_campaign=demo_link\" rel=\"nofollow ugc\">BEAF Live Preview\u003C\u002Fa>\u003Cbr \u002F>\n👉 Explore Pro: \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbackend-demo\u002F?utm_source=wp_readme&utm_medium=beaf_top_slot&utm_campaign=pro_backend\" rel=\"nofollow ugc\">Play with Backend Options\u003C\u002Fa>\u003Cbr \u002F>\n👉 BEAF Pro Version: \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002F?utm_source=wp_readme&utm_medium=beaf_top_slot&utm_campaign=pro_link\" rel=\"nofollow ugc\">Check Pro\u003C\u002Fa>\u003Cbr \u002F>\n👉 Documentation: \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fdocs\u002Fbeaf\u002F?utm_source=wp_readme&utm_medium=beaf_top_slot&utm_campaign=plugin_docs\" rel=\"nofollow ugc\">Written Installation Guide\u003C\u002Fa>\u003Cbr \u002F>\n👉 Video Guide: \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PLY0rtvOwg0ynodV0sVmSRX1OPCSs9mzhz\" rel=\"nofollow ugc\">Complete Step by Step Guide\u003C\u002Fa>\u003Cbr \u002F>\n👉 Get Support: \u003Ca href=\"https:\u002F\u002Fportal.themefic.com\u002Fsupport\u002F?utm_source=wp_readme&utm_medium=beaf_top_slot&utm_campaign=plugin_support\" rel=\"nofollow ugc\">Click Here\u003C\u002Fa>\u003Cbr \u002F>\n👉 Join Our FB Community: \u003Ca href=\"https:\u002F\u002Ffacebook.com\u002Fgroups\u002Fbeaf.wp\" rel=\"nofollow ugc\">BEAF Facebook Group\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>Looking for a WordPress Before and After Slider & Gallery plugin? BEAF helps you easily create image comparison sliders for Elementor, Gutenberg, Bricks, WP Bakery, and other page builders. With BEAF, you can effortlessly create a stunning Before and After image comparison slider for elementor, gutenberg, bricks, wp bakery or any page builder or block editor. The best part? You can add an unlimited number of sliders and galleries to your WordPress site—for free!\u003C\u002Fp>\n\u003Cp>BEAF also provides advanced features in the Pro version to help you showcase your Before After image portfolio more effectively. This all-in-one Before and After Slider WordPress plugin is packed with a full range of basic to advanced options, giving you everything you need to create eye-catching and beautiful image comparison sliders aka Before After slider:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Horizontal or Vertical layout\u003C\u002Fli>\n\u003Cli>Multi-Column Before and After Gallery\u003C\u002Fli>\n\u003Cli>Title, Description & Read More button\u003C\u002Fli>\n\u003Cli>Alt tag on each image for Better SEO\u003C\u002Fli>\n\u003Cli>Label Color and Background Change\u003C\u002Fli>\n\u003Cli>Disable Overlay\u003C\u002Fli>\n\u003Cli>Mouse Hover Options\u003C\u002Fli>\n\u003Cli>Easy-to-use option panel\u003C\u002Fli>\n\u003Cli>Shortcode generator\u003C\u002Fli>\n\u003Cli>10 Preview Styles (Pro)\u003C\u002Fli>\n\u003Cli>Filterable Before – After Gallery (Pro)\u003C\u002Fli>\n\u003Cli>Before After Video Slider (Pro)\u003C\u002Fli>\n\u003Cli>3 Images Before After Slider (Pro)\u003C\u002Fli>\n\u003Cli>Single Image Slider (Pro)\u003C\u002Fli>\n\u003Cli>Watermark for Before After Images (Pro)\u003C\u002Fli>\n\u003Cli>Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery (Pro)\u003C\u002Fli>\n\u003Cli>Custom Width – Height – Alignment (Pro)\u003C\u002Fli>\n\u003Cli>Auto Slider (Pro)\u003C\u002Fli>\n\u003Cli>On Scroll Slider (Pro)\u003C\u002Fli>\n\u003Cli>Change Read More text (Pro)\u003C\u002Fli>\n\u003Cli>Disable slider handle (Pro)\u003C\u002Fli>\n\u003Cli>Uploaded Before After Image Preview Without Login(Pro)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Demo Link\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F?utm_source=wp_readme&utm_medium=beaf_bottom_slot&utm_campaign=demo_link\" rel=\"nofollow ugc\">Check out the demo\u003C\u002Fa> to see it in action!\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>With this Before After WordPress plugin, You can showcase your portfolio by comparing two before and after images.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Pro Version\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002F?utm_source=wp_readme&utm_medium=beaf_bottom_slot&utm_campaign=demo_link\" rel=\"nofollow ugc\">Check BEAF Pro\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>We believe the free version is good enough for most businesses. However, we have a \u003Cstrong>Pro version\u003C\u002Fstrong> of this plugin which has more advanced features including \u003Cstrong>10 Awesome looking Preview Styles, Before-After with Single Image, 3 Images comparison slider, Before After Video Slider, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide\u003C\u002Fstrong> and many more.\u003C\u002Fp>\n\u003Ch3>Video Tutorials:\u003C\u002Fh3>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002Fh99G8fKVKZQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FZ82qj9ObId4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FsO8_u_d4KGg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F3IeVJ9bmPeE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FbtZTh7CKjvI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\n\u003Ch3>Before After for WooCommerce:\u003C\u002Fh3>\n\u003Cp>Do you need a before and after image slider for WooCommerce? Then check this plugin of ours \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fbefore-after-for-woocommerce\" rel=\"ugc\">here\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Features:\u003C\u002Fh3>\n\u003Cp>Here are the most important features of BEAF. If you need any further information, please feel free to contact us. Below are the best offerings of BEAF:\u003C\u002Fp>\n\u003Ch4>Multiple layout\u003C\u002Fh4>\n\u003Cp>Display Sliders in Horizontal or Vertical Layout. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#multiple-layout\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Before and After Gallery\u003C\u002Fh4>\n\u003Cp>Create 2 Columns, 3 Columns, and 4 Columns Before After Gallery in WordPress with BEAF. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#gallery\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Titles, Description & Read More Button\u003C\u002Fh4>\n\u003Cp>You can add the Title, Description & Read More buttons on all the above Preview Styles. Note that, from backend, you can show\u002Fhide any\u002Fall of the 3 fields (title, description & read more). You can also edit styles (color, font size, alignment) of all 3 fields as shown below. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#title-desc\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Label Change\u003C\u002Fh4>\n\u003Cp>You can easily change the Label of Before-After to something you want from BEAF’s Option panel. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#label-change\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Label Color Change\u003C\u002Fh4>\n\u003Cp>You can easily change the color and background of each Label. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#color-change\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Disable Overlay\u003C\u002Fh4>\n\u003Cp>You can disable the overlay from the options panel. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#no-overlay\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Mouse Hover\u003C\u002Fh4>\n\u003Cp>You can move slider on Mouse hover. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F#mouse-hover\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Image Alt tag\u003C\u002Fh4>\n\u003Cp>You can add Alt tag on each images for Better SEO.\u003C\u002Fp>\n\u003Ch4>Easy-to-use Option Panel\u003C\u002Fh4>\n\u003Cp>BEAF has built in easy-to-use option panel. You can add or remove any options from this panel.\u003C\u002Fp>\n\u003Ch4>Shortcode Generator\u003C\u002Fh4>\n\u003Cp>After your publish, a shortcode will generate so that you can publish the slider anywhere on your website.\u003C\u002Fp>\n\u003Ch4>More Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Support for Block Editor & popular page builders:\u003C\u002Fstrong> BEAF is fully compatible with Gutenberg & popular page builders like Elementor, Bricks WP Bakery, DIVI, Beaver etc. See the list below.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Responsive and Touch Compatibility\u003C\u002Fstrong> : BEAF is fully responsive and also supports touch on mobile devices.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Awesome UI:\u003C\u002Fstrong> Easy and clean user interface\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Lightweight:\u003C\u002Fstrong> The plugin is so lightweight that it won’t impact much on your speed.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Speed optimized:\u003C\u002Fstrong> Compatible with any lazy load plugins. It also works with WEBP images.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Unlimited Slider:\u003C\u002Fstrong> You can create an unlimited number of slider\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>SEO Friendly:\u003C\u002Fstrong> Support WP Image alt as image alt and title.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Live Preview:\u003C\u002Fstrong> See the preview of the slider\u002Fgallery while editing\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Widget Support:\u003C\u002Fstrong> Add before-after through widgets.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Flexible Image\u003C\u002Fstrong> — You can use any image size.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Supported Page Builders :\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Elementor before and after slider:\u003C\u002Fstrong> BEAF has built-in before after elementor addons for creating before and after slider with elementor.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bricks Builder:\u003C\u002Fstrong> Since BEAF uses shortcodes, you can effortlessly create Bricks Builder Before and After slider or gallery.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WP Bakery \u002F Visual Composer:\u003C\u002Fstrong> With BEAF’s shortcode functionality, creating a Before After slider in WP Bakery or Visual Composer is simple and quick.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Divi Page Builder:\u003C\u002Fstrong> Thanks to our shortcode-based system, you can easily build Divi Before and After slider.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Beaver Builder:\u003C\u002Fstrong> Using BEAF shortcodes, you can seamlessly create Beaver Builder Before-After slider.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Gutenberg:\u003C\u002Fstrong> BEAF’s shortcode system allows you to easily create Gutenberg Before After slider or gallery.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Pro Features\u003C\u002Fh3>\n\u003Cp>You will get more features and advantages on the pro version. Here are few feature of the Pro Version:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>10 Preview Styles\u003C\u002Fli>\n\u003Cli>Filterable Before – After Gallery\u003C\u002Fli>\n\u003Cli>3 Images Comparison Slider\u003C\u002Fli>\n\u003Cli>Before After Video Slider\u003C\u002Fli>\n\u003Cli>Watermark for Images\u003C\u002Fli>\n\u003Cli>Single Image Slider\u003C\u002Fli>\n\u003Cli>Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery\u003C\u002Fli>\n\u003Cli>Custom Width – Height – Alignment\u003C\u002Fli>\n\u003Cli>Auto Slider\u003C\u002Fli>\n\u003Cli>On Scroll Slider\u003C\u002Fli>\n\u003Cli>Change Read More text\u003C\u002Fli>\n\u003Cli>Disable slider handle\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>All Free Features\u003C\u002Fh4>\n\u003Cp>The Pro version includes all the features of the Free version (as described above). Plus:\u003C\u002Fp>\n\u003Ch4>10 Preview Styles\u003C\u002Fh4>\n\u003Cp>The Pro version includes 10 Additional Awesome looking Preview Styles. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fpreview-styles\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Filterable Before – After Gallery\u003C\u002Fh4>\n\u003Cp>Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Ffilterable-gallery\u002F\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Three Images Comparison Slider\u003C\u002Fh4>\n\u003Cp>Create slider with 3 images. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002F3-images-slider\u002F\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Before After Video Slider\u003C\u002Fh4>\n\u003Cp>Create slider with 2 different videos. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fvideo-slider\u002F\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Image Watermark\u003C\u002Fh4>\n\u003Cp>Create slider with Watermark in Images. Fully Customizable based on available options. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fimage-watermark\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Single Image Slider\u003C\u002Fh4>\n\u003Cp>Create slider using a single image. The Single image has filter effects like \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#grayscale\" rel=\"nofollow ugc\">Grayscale\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#blur\" rel=\"nofollow ugc\">Blur\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#saturate\" rel=\"nofollow ugc\">Saturate\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#sepia\" rel=\"nofollow ugc\">Sepia\u003C\u002Fa> etc. The filter can be added on Before or After image.\u003C\u002Fp>\n\u003Ch4>Titles, Description & Read More Button on Single Image\u003C\u002Fh4>\n\u003Cp>You can add Title, Description & Read More button on \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#title\" rel=\"nofollow ugc\">Single Image Slider\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#image-gallery\" rel=\"nofollow ugc\">Normal Gallery\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fbefore-after-with-single-image\u002F#filterable-gallery\" rel=\"nofollow ugc\">Filterable Gallery\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch4>Custom Width – Height – Alignment\u003C\u002Fh4>\n\u003Cp>Setup Custom Width – Height – Alignment for each slider. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fwidth-height-alignment\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Auto Slider\u003C\u002Fh4>\n\u003Cp>Slider will slide automatically. Options to add Pause on hover. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fauto-slider\u002F\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>On Scroll Slider\u003C\u002Fh4>\n\u003Cp>Slider will slide on Scroll (based on User Scrolling). \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002Fpro\u002Fon-scroll-slider\u002F\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch4>Disable slider handle\u003C\u002Fh4>\n\u003Cp>You can easily disable the slider handle. \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fpro\u002Fcommon-options\u002F#disable\" rel=\"nofollow ugc\">Click here\u003C\u002Fa> for a quick preview.\u003C\u002Fp>\n\u003Ch3>Our Support\u003C\u002Fh3>\n\u003Cp>Yes, we provide full support on the WordPress.org forums & \u003Ca href=\"https:\u002F\u002Fportal.themefic.com\u002Fsupport\u002F\" rel=\"nofollow ugc\">Our Website\u003C\u002Fa>. You can also join our \u003Ca href=\"https:\u002F\u002Ffacebook.com\u002Fgroups\u002Fbeaf.wp\" rel=\"nofollow ugc\">BEAF Facebook Group\u003C\u002Fa> to stay informed with latest news and updatesc.  Check our \u003Ca href=\"https:\u002F\u002Fthemefic.com\u002Fsupport-policy\u002F\" rel=\"nofollow ugc\">Support Policy\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Privacy Policy\u003C\u002Fh3>\n\u003Cp>Ultimate Before After Image Slider & Gallery – BEAF uses \u003Ca href=\"https:\u002F\u002Fappsero.com\u002F\" rel=\"nofollow ugc\">Appsero\u003C\u002Fa> SDK to collect some telemetry data. Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case. We use this data to troubleshoot problems faster, make product improvements & ensure a great user experience for all our users.\u003C\u002Fp>\n\u003Ch3>Credit\u003C\u002Fh3>\n\u003Cp>BEAF is based on the famous \u003Ca href=\"https:\u002F\u002Fzurb.com\u002Fplayground\u002Ftwentytwenty\" rel=\"nofollow ugc\">TwentyTwenty\u003C\u002Fa> script that developed by Zurb team. Our icon is taken from \u003Ca href=\"https:\u002F\u002Ficonfinder.com\u002F\" rel=\"nofollow ugc\">Iconfinder\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>How can I report security bugs?\u003C\u002Fh3>\n\u003Cp>You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. \u003Ca href=\"https:\u002F\u002Fpatchstack.com\u002Fdatabase\u002Fvdp\u002Fbeaf-before-and-after-gallery\" rel=\"nofollow ugc\">Report a security vulnerability\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Our Plugins\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Ftourfic\" rel=\"ugc\">Tourfic – Ultimate Hotel Booking, Travel Booking & Apartment Booking WordPress Plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fultimate-addons-for-contact-form-7\u002F\" rel=\"ugc\">Ultimate Addons For Contact Form 7\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Finstantio\" rel=\"ugc\">Instantio – WooCommerce Quick Checkout | Floating Cart, Side Cart & Popup Cart\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fhydra-booking\" rel=\"ugc\">Hydra Booking – All in One Appointment Scheduling and Booking Calendar Solution\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Freviewfic\u002F\" rel=\"ugc\">Reviewfic – The Ultimate Testimonial Slider, Carousel, Grid Plugin\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Our Themes\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Ftravelfic\u002F\" rel=\"ugc\">Travelfic – Ultimate Travel Booking WordPress Theme\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fthemes\u002Fultimate-hotel-booking\u002F\" rel=\"ugc\">Ultimate Hotel Booking WordPress Theme\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","Need a Before After Image Comparison slider? Create your before and after slider with BEAF. Addon for Elementor Before and After Slider is included.",30000,1030853,98,103,"2026-02-08T10:46:00.000Z","6.9.4","7.4",[19,56,79,80,81],"before-and-after-slider","before-after-elementor","elementor-before-and-after-slider","https:\u002F\u002Fthemefic.com\u002Fplugins\u002Fbeaf\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fbeaf-before-and-after-gallery.4.7.14.zip",97,2,"2025-05-07 00:00:00",{"slug":88,"name":89,"version":90,"author":91,"author_profile":92,"description":93,"short_description":94,"active_installs":95,"downloaded":96,"rating":48,"num_ratings":97,"last_updated":98,"tested_up_to":99,"requires_at_least":100,"requires_php":101,"tags":102,"homepage":107,"download_link":108,"security_score":109,"vuln_count":49,"unpatched_count":13,"last_vuln_date":110,"fetched_at":62},"twenty20","Twenty20 Image Before-After","2.0.4","Zayed Baloch","https:\u002F\u002Fprofiles.wordpress.org\u002Fzayedbaloch\u002F","\u003Cp>Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Photography portfolios\u003C\u002Fli>\n\u003Cli>Real estate before\u002Fafter\u003C\u002Fli>\n\u003Cli>Renovation projects\u003C\u002Fli>\n\u003Cli>Design makeovers\u003C\u002Fli>\n\u003Cli>Product comparisons\u003C\u002Fli>\n\u003Cli>Restoration work\u003C\u002Fli>\n\u003Cli>Medical procedures\u003C\u002Fli>\n\u003Cli>And much more!\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Video Tutorial\u003C\u002Fh4>\n\u003Cp>\u003Cspan class=\"embed-youtube\" style=\"text-align:center; display: block;\">\u003Ciframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F1cQ9rhL-t70?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\">\u003C\u002Fiframe>\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch4>Live Demo\u003C\u002Fh4>\n\u003Cp>Check the \u003Ca href=\"https:\u002F\u002Fzayedbaloch.com\u002Ftwenty20-image-before-after-wordpress-plugin\u002F\" title=\"Twenty20 Live demo\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch4>Key Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Responsive design – works perfectly on all devices\u003C\u002Fli>\n\u003Cli>Horizontal and vertical sliding options\u003C\u002Fli>\n\u003Cli>Customizable slider position and orientation\u003C\u002Fli>\n\u003Cli>Custom “before” and “after” labels\u003C\u002Fli>\n\u003Cli>Adjustable image widths and alignments\u003C\u002Fli>\n\u003Cli>Mouse hover sliding effect\u003C\u002Fli>\n\u003Cli>Touch-enabled for mobile devices\u003C\u002Fli>\n\u003Cli>Multiple sliders per page\u003C\u002Fli>\n\u003Cli>Widget support for sidebars\u003C\u002Fli>\n\u003Cli>SEO-friendly with proper alt tag support\u003C\u002Fli>\n\u003Cli>Accessibility compliant image comparisons\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Page Builder Support\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Elementor\u003C\u002Fli>\n\u003Cli>WPBakery Page Builder (Visual Composer)\u003C\u002Fli>\n\u003Cli>Flatsome UX Builder\u003C\u002Fli>\n\u003Cli>Classic Editor\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Perfect For\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Photography before\u002Fafter edits\u003C\u002Fli>\n\u003Cli>Home renovation comparisons\u003C\u002Fli>\n\u003Cli>Web design makeovers\u003C\u002Fli>\n\u003Cli>Product transformations\u003C\u002Fli>\n\u003Cli>Restoration projects\u003C\u002Fli>\n\u003Cli>Beauty transformations\u003C\u002Fli>\n\u003Cli>Real estate renovations\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Ch4>Shortcode Example\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>Quick Example\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[twenty20 img1=\"\" img2=\"\" direction=\"vertical\" offset=\"0.5\" align=\"right\" width=\"60%\" before=\"Before\" after=\"After\" hover=\"true\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Shortcode Parameters\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>img1\u003C\u002Fcode> – image ID.\u003C\u002Fli>\n\u003Cli>\u003Ccode>img2\u003C\u002Fcode> – image ID.\u003C\u002Fli>\n\u003Cli>\u003Ccode>offset\u003C\u002Fcode> – range from 0.1 to 1.0.\u003C\u002Fli>\n\u003Cli>\u003Ccode>direction\u003C\u002Fcode> – \u003Ccode>horizontal|vertical\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>align\u003C\u002Fcode> – \u003Ccode>none|right|left\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>width\u003C\u002Fcode> – supports both \u003Ccode>px\u003C\u002Fcode> and \u003Ccode>%\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>before\u003C\u002Fcode> – text for the “before” label.\u003C\u002Fli>\n\u003Cli>\u003Ccode>after\u003C\u002Fcode> – text for the “after” label.\u003C\u002Fli>\n\u003Cli>\u003Ccode>hover\u003C\u002Fcode> – \u003Ccode>true\u003C\u002Fcode> or \u003Ccode>false\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Ful>\n","Professional before & after image comparison slider for WordPress. Create engaging visual comparisons with an intuitive drag & drop interface.",20000,416576,55,"2025-03-02T10:06:00.000Z","6.7.5","5.9","5.6",[56,103,104,105,106],"elementor","image-comparison","image-slider","visual-composer","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Ftwenty20\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ftwenty20.2.0.4.zip",92,"2023-01-23 00:00:00",{"slug":112,"name":113,"version":114,"author":115,"author_profile":116,"description":117,"short_description":118,"active_installs":119,"downloaded":120,"rating":121,"num_ratings":122,"last_updated":123,"tested_up_to":124,"requires_at_least":125,"requires_php":77,"tags":126,"homepage":131,"download_link":132,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":62},"before-after-image-comparison-slider-for-elementor","Before After Image Comparison Slider for Elementor","1.7.0","Plugin Devs","https:\u002F\u002Fprofiles.wordpress.org\u002Fplugindevs\u002F","\u003Cp>Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create the effect for comparing two before and after images.\u003C\u002Fp>\n\u003Cp>This plugin let you compare two before and after images with Elementor Front-end Drag and Drop Builder.\u003C\u002Fp>\n\u003Cp>You can add unlimited numbers of slider with this plugin. This plugin also let you see the preview of how the slider looks on the website while you editing a slider.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fbefore-after-slider-for-elementor\u002F\" rel=\"nofollow ugc\">Upgrade to Pro!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Gallery Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Carousel Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch3>Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Responsive and Touch Friendly\u003C\u002Fstrong> – It is fully responsive on any browser and Touch Friendly for mobile and touch devices.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Image Dimensions\u003C\u002Fstrong> — You can use any image sizes used in your theme.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Custom Image Dimensions\u003C\u002Fstrong> — You can also use custom image dimension such as Width and Height for the images.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Custom CSS\u003C\u002Fstrong> — Option to Override Default CSS and add your own style with Custom CSS\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Live Preview\u003C\u002Fstrong> — you can see the preview of how the slider looks on your website while you editing a slider.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Unlimited Slider\u003C\u002Fstrong> — There is no limitation on the number of slider. So, You can create unlimited number of slider .\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fbefore-after-slider-for-elementor\u002F\" rel=\"nofollow ugc\">Upgrade to Pro!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Gallery Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Carousel Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>There is also a pro version of this plugin. You will get more features and advantages on the pro version.\u003C\u002Fp>\n\u003Ch3>Pro Features\u003C\u002Fh3>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fbefore-after-slider-for-elementor\u002F\" rel=\"nofollow ugc\">Upgrade to Pro!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Gallery Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Carousel Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cul>\n\u003Cli>Two types of Orientation (Horizontal and Vertical)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Supports Dynamic Tags Feature.\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>Move with Mouse Click on Image\u003C\u002Fli>\n\u003Cli>Move with Mouse Hover\u003C\u002Fli>\n\u003Cli>Change Image Size\u003C\u002Fli>\n\u003Cli>Apply Custom Image Dimension\u003C\u002Fli>\n\u003Cli>Customizable Default Slider Offset\u003C\u002Fli>\n\u003Cli>Customized Before\u002FAfter Texts\u003C\u002Fli>\n\u003Cli>Customizable Background for Before\u002FAfter Texts\u003C\u002Fli>\n\u003Cli>Customizable Text Color for Before\u002FAfter Texts\u003C\u002Fli>\n\u003Cli>Responsive and Touch Friendly\u003C\u002Fli>\n\u003Cli>Cross Browser Compatible\u003C\u002Fli>\n\u003Cli>Supported on all Modern New Browsers and Devices\u003C\u002Fli>\n\u003Cli>Use Unlimited Sliders on Same Page\u003C\u002Fli>\n\u003Cli>Global Custom CSS\u003C\u002Fli>\n\u003Cli>Global Custom JS\u003C\u002Fli>\n\u003Cli>All Free Features\u003C\u002Fli>\n\u003Cli>Priority Support and Bug Fix\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>More Features are Coming Soon\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fbefore-after-slider-for-elementor\u002F\" rel=\"nofollow ugc\">Upgrade to Pro!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Gallery Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003Cbr \u002F>\n  \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Carousel Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch3>AddOns\u003C\u002Fh3>\n\u003Cp>We are continiously developed addon for this slider so that you can extend the appearance of the Slider.\u003C\u002Fp>\n\u003Cp>1) \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Gallery Slider AddOn:\u003C\u002Fa> \u003C\u002Fstrong> Gallery Slider AddOn for Elementor Before After Slider which lets you display Your Slider as Slideshow with image Navigation\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fgallery-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Gallery Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>2) \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Carousel Slider AddOn:\u003C\u002Fa> \u003C\u002Fstrong> Carousel AddOn for Elementor Before After Slider which lets you display Your Slider with Image Carousel\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fcarousel-slider-for-elementor-before-after-slider\u002F\" rel=\"nofollow ugc\">Buy Carousel Slider AddOn!\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>** We welcome your feedback and suggestions to improve the plugin! Please contact with us at \u003Ca href='mailto:webbuilders03@gmail.com' rel=\"nofollow ugc\">\u003Cstrong>webbuilders03@gmail.com\u003C\u002Fstrong>\u003C\u002Fa> for any kinds of \u003Cstrong>Suggestion\u003C\u002Fstrong>**\u003C\u002Fp>\n","Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create t …",10000,129915,88,94,"2025-04-26T08:22:00.000Z","6.8.5","5.0",[127,128,56,129,130],"before-after-image-comparison-slider","before-after-image-slider","elementor-before-after-image-comparison-slider","elementor-before-after-slider","https:\u002F\u002Fplugin-devs.com\u002Fproduct\u002Fbefore-after-slider-for-elementor\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fbefore-after-image-comparison-slider-for-elementor.1.7.0.zip",{"slug":134,"name":135,"version":136,"author":137,"author_profile":138,"description":139,"short_description":140,"active_installs":141,"downloaded":142,"rating":143,"num_ratings":144,"last_updated":145,"tested_up_to":76,"requires_at_least":146,"requires_php":147,"tags":148,"homepage":14,"download_link":152,"security_score":25,"vuln_count":13,"unpatched_count":13,"last_vuln_date":26,"fetched_at":62},"before-after-image-compare","Before After Image Comparison – Visual Comparison for Two Images","1.1.18","bPlugins","https:\u002F\u002Fprofiles.wordpress.org\u002Fbplugins\u002F","\u003Cp>Easily showcase visual differences between two images with an interactive before-and-after slider—no coding required!\u003C\u002Fp>\n\u003Cp>Effortlessly create engaging visual comparisons on your WordPress site using the Before & After Image Comparison Block. This lightweight, SEO-friendly Gutenberg plugin lets you add a responsive slider to posts, pages, or portfolios, making it perfect for highlighting transformations, product comparisons, renovations, or photo edits. Simply drag and drop your images, adjust the slider, and publish—no technical skills needed. Ideal for photographers, designers, real estate agents, and content creators who want to tell compelling visual stories and boost audience engagement.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fbefore-after-image-compare\u002F\" rel=\"nofollow ugc\">Before After Image Comparison\u003C\u002Fa>\u003C\u002Fstrong> | \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fbefore-after-image-compare\u002Fpricing\u002F\" rel=\"nofollow ugc\">Pricing\u003C\u002Fa>\u003C\u002Fstrong> | \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbblockswp.com\u002Fdemo\u002Fimage-comparison\u002F\" rel=\"nofollow ugc\">Demos\u003C\u002Fa>\u003C\u002Fstrong> |\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Orientation\u003C\u002Fstrong>: Choose between horizontal and vertical image comparison slider.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Custom Labels\u003C\u002Fstrong>: Add custom before\u002Fafter labels to clearly indicate the comparison.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Adjustable Slider\u003C\u002Fstrong>: Drag the slider handle to compare images.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Caption Support\u003C\u002Fstrong>: Add descriptive captions below the comparison.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Custom Colors\u003C\u002Fstrong>: Customize colors for labels.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Shortcode Support\u003C\u002Fstrong>: shortcode support for the block.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Premium Features of image slider\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Theme\u003C\u002Fstrong>: Create stunning before & after image comparisons in both single view and slider formats.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Label Position\u003C\u002Fstrong>: Customize the label position to suit your needs.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Line Shape\u003C\u002Fstrong>: Customize the line shape for a unique and eye-catching design.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Default Offset\u003C\u002Fstrong>: Adjusts the initial position of the slider.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Move Slider On Click\u003C\u002Fstrong>: Enable the option to move the slider when the user clicks on it.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Move Slider On Mouse Over\u003C\u002Fstrong>: Enable the option to move the slider when the mouse hover over it.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Auto Slide\u003C\u002Fstrong>: Activate automatic sliding on the compare images.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Auto Slide Speed\u003C\u002Fstrong>: Set the speed of the auto moving slider.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Stop Slider On Mouse Over\u003C\u002Fstrong>: Pause the sliding movement when the mouse is over the images.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Line Size\u003C\u002Fstrong>: Adjust the line size to your preferred thickness.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Line Color\u003C\u002Fstrong>: Choose a desired color for the line.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Handler Color\u003C\u002Fstrong>: Choose a desired color for the handler.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Icon Color\u003C\u002Fstrong>: Select the icon color from the options provided to match your design.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Perfect For:\u003Cbr \u002F>\n– \u003Cstrong>Before\u002Fafter reveals\u003C\u002Fstrong> (home makeovers, fitness progress, beauty treatments).\u003Cbr \u002F>\n– \u003Cstrong>Product comparisons\u003C\u002Fstrong> (features, versions, or upgrades).\u003Cbr \u002F>\n– \u003Cstrong>Photography edits\u003C\u002Fstrong> (highlighting retouching or filters).\u003Cbr \u002F>\n– \u003Cstrong>Marketing campaigns\u003C\u002Fstrong> (demonstrating effectiveness or improvements).\u003C\u002Fp>\n\u003Cp>No technical skills needed—just upload your images, adjust the slider, and publish! Engage your audience with compelling visual storytelling.\u003C\u002Fp>\n\u003Ch4>How to use beaf\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>First, install the Image Compare block plugin\u003C\u002Fli>\n\u003Cli>Add the Image Compare block from the block category called “Widgets” in the Gutenberg editor.\u003C\u002Fli>\n\u003Cli>You can change block settings from the right-side settings sidebar.\u003C\u002Fli>\n\u003Cli>\n\u003Cp>Enjoy!\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>For installation help click on Installation Tab.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Feedbacks on before after image\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Did you like this plugin? Dislike it? Do you have a feature request? \u003Ca href=\"mailto:support@bplugins.com\" title=\"Send feedback\" rel=\"nofollow ugc\">Please share your feedback with us\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>⭐ Check out the Parent Plugin of this plugin-\u003C\u002Fh3>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbblockswp.com\" rel=\"nofollow ugc\">B Blocks\u003C\u002Fa>\u003C\u002Fstrong> – Best gutenberg blocks collections for WordPress.\u003C\u002Fp>\n\u003Ch3>⭐ Check out our other WordPress Plugins-\u003C\u002Fh3>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fhtml5-audio-player\" rel=\"nofollow ugc\">Html5 Audio Player\u003C\u002Fa>\u003C\u002Fstrong> – Best audio player plugin for WordPress.\u003C\u002Fp>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fhtml5-video-player\" rel=\"nofollow ugc\">Html5 Video Player\u003C\u002Fa>\u003C\u002Fstrong> – Best video player plugin for WordPress.\u003C\u002Fp>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fpdf-poster\" rel=\"nofollow ugc\">PDF Poster\u003C\u002Fa>\u003C\u002Fstrong> – A fully-featured PDF Viewer Plugin for WordPress.\u003C\u002Fp>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fdocument-embedder\" rel=\"nofollow ugc\">Document Embedder\u003C\u002Fa>\u003C\u002Fstrong> – Best WordPress Document Embedder Plugin.\u003C\u002Fp>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002F3d-viewer\" rel=\"nofollow ugc\">3D Viewer\u003C\u002Fa>\u003C\u002Fstrong> – Display interactive 3D models on the webs.\u003C\u002Fp>\n\u003Cp>🔥 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fbplugins.com\u002Fproducts\u002Fadvanced-post-block\" rel=\"nofollow ugc\">Advanced Post Block\u003C\u002Fa>\u003C\u002Fstrong> – Best Post Display Plugin for WordPress.\u003C\u002Fp>\n","Easily showcase visual differences between two images with an interactive before-and-after slider – no coding required!",3000,41272,84,12,"2026-03-13T14:26:00.000Z","6.5","7.2",[149,150,21,104,151],"before-and-after-image","block","image-filter","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fbefore-after-image-compare.1.1.18.zip",{"attackSurface":154,"codeSignals":181,"taintFlows":189,"riskAssessment":190,"analyzedAt":198},{"hooks":155,"ajaxHandlers":174,"restRoutes":175,"shortcodes":176,"cronEvents":180,"entryPointCount":49,"unprotectedCount":13},[156,162,166,170],{"type":157,"name":158,"callback":159,"file":160,"line":161},"action","admin_menu","jozzampimageslider_custom_settings","index.php",14,{"type":157,"name":163,"callback":164,"file":160,"line":165},"admin_init","jozzampimageslider_field",25,{"type":157,"name":167,"callback":168,"file":160,"line":169},"wp_enqueue_scripts","jozzampimageslider_load_plugin_css",91,{"type":157,"name":171,"callback":172,"file":160,"line":173},"admin_enqueue_scripts","jozzampimageslider_media_uploader_enqueue",108,[],[],[177],{"tag":178,"callback":179,"file":160,"line":143},"jozz-ampimageslider","jozzampimageslider_shortcode",[],{"dangerousFunctions":182,"sqlUsage":183,"outputEscaping":185,"fileOperations":13,"externalRequests":13,"nonceChecks":13,"capabilityChecks":13,"bundledLibraries":188},[],{"prepared":13,"raw":13,"locations":184},[],{"escaped":186,"rawEcho":13,"locations":187},17,[],[],[],{"summary":191,"deductions":192},"The \"before-after-image-slider-amp\" v1.0.0 plugin exhibits a generally strong security posture based on the provided static analysis. It demonstrates good practices by not utilizing dangerous functions, file operations, or external HTTP requests. All SQL queries are properly prepared, and all output is correctly escaped, indicating a commitment to preventing common web vulnerabilities. The absence of any recorded CVEs further reinforces its current secure state.\n\nHowever, there are a few areas that warrant attention. The plugin lacks nonce checks and capability checks on its entry points. While the attack surface appears limited to a single shortcode and there are no unprotected AJAX handlers or REST API routes, the absence of these checks means that any user, regardless of their role or privilege level, could potentially trigger the functionality of the shortcode. This is a potential concern, as it could lead to unintended actions or information disclosure if the shortcode's execution involves sensitive operations or data.\n\nTaint analysis shows no identified issues, which is a positive indicator. The vulnerability history is also clean, suggesting consistent security focus from the developers or a lack of historical issues. Despite the lack of nonce and capability checks being a notable weakness, the overall security of this plugin appears to be good due to its adherence to other security best practices and its clean vulnerability history. The developers should consider implementing nonce and capability checks to further harden the plugin.",[193,196],{"reason":194,"points":195},"No nonce checks implemented",7,{"reason":197,"points":195},"No capability checks implemented","2026-03-16T23:11:11.281Z",{"wat":200,"direct":207},{"assetPaths":201,"generatorPatterns":203,"scriptPaths":204,"versionParams":206},[202],"\u002Fwp-content\u002Fplugins\u002Fbefore-after-image-slider-amp\u002Fcss\u002Fstyle.css",[],[205],"\u002Fwp-content\u002Fplugins\u002Fbefore-after-image-slider-amp\u002Fmedia-uploader.js",[],{"cssClasses":208,"htmlComments":209,"htmlAttributes":210,"restEndpoints":212,"jsGlobals":213,"shortcodeOutput":216},[18],[],[211],"data-custom-attribute-for-amp-image-slider-id",[],[172,214,179,215,164],"jozzampimageslider_plugin_settings_link","jozzampimageslider_custom_settings_start",[217,218],"\u003Camp-image-slider","\u003Camp-img"]