Skip to content
Demo
Main Menu
Before After Slider
Two types of Orientation (Horizontal and Vertical)
Move with Mouse Click on Image
Move with Mouse Hover
Change Image Size
Apply Custom Image Dimension
Customizable Default Slider Offset
CSS
Image
Filter Effect for both Normal and Hover State
Customized Before/After Texts
Customizable Background for Before/After Texts
Customizable Text Color for Before/After Texts
Option to Show/Hide Background Overlay on Mouse Hover
Customizable Background Overlay Color (Normal Color and Linear/Radial Gradient)
Responsive and Touch Friendly
Cross Browser Compatible
Supported on all Modern New Browsers and Devices
Use Unlimited Sliders on Same Page
Global Custom CSS
Global Custom JS
All Free Features
More Features are Coming Soon
Horizontal Orientation
Move With Mouse Click
Default Offset 7.7 (Between 0 to 10)
Customized Before/After Texts
Customized Background and Text Color for Before/After Texts
Overlay Background Color (Used Linear Background)
Vertical Orientation
Move With Mouse Hover
Default Offset 3 (Between 0 to 10)
Customized Before/After Texts
Customized Background and Text Color for Before/After Texts
Horizontal Orientation
Move With Mouse Click
Default Offset 5 (Between 0 to 10)
Customized Before/After Texts
Customized Background and Text Color for Before/After Texts
Use Filter on Image
Hidden Before After Texts
Buy Now