FlowCraft UI: Before & After Proof Slider

Zero-dependency before-and-after image slider built with Tailwind CSS and Vanilla JS. Includes index.html (UI), app.js (drag logic), style.css (handle and effects), sample before/after images and .htaccess (hosting settings).

What it does:

- Drag the handle with a mouse or a finger to reveal the before and after images

- Click or tap anywhere on the image and the handle glides there

- Keyboard support: arrow keys, Page Up/Down, Home and End

- Works on phones: vertical scrolling still works while horizontal swipes move the slider

- Swap in your own photos by replacing two image files

- Several sliders can run on one page

- Heavily commented JavaScript, including the pointer-position math

No npm install or build step. Works from any web host, or opened directly from your computer.

Try the live demo: https://haveinsights.com/flowcraft/proof-slider/

License: One purchase may be used and modified in unlimited personal and client projects. Standalone resale, sharing, and redistribution are not permitted.

Support: support@haveinsights.com