The Lightweight BA Slider

The simplest, fastest, and most flexible JavaScript plugin for stunning image comparisons.

✨ 9 kB Minified • Zero Dependencies • Touch & Mouse Support • Fully Responsive 🔥 Get The Plugin Now - Only $19

⚡Pure JS
No bulky frameworks needed.
📱Responsive
Works on all screen sizes.
⚙️Data-Driven
Configure with simple HTML attributes.
📐Vertical Mode
Unique top-down comparison.

Live Demo & Features Showcase

1. Custom Start Position & Labels (Horizontal Default)

Using: data-start="30", data-label-before, and data-label-after.

2. Vertical Orientation & Custom Handle Icon

Using: data-orientation="vertical" and data-handle="⌖" for top-down comparison.

3. Default 50% Start Position

Simple implementation with no extra options. Handle starts centered at **50%**.

Ready to Integrate?

Stop wrestling with heavy libraries. Download the minified before-after.min.js file (with CSS and demo HTML code) and start adding professional comparison sliders to your site immediately.

Secure Your License for $19

One-time payment. Unlimited projects.