What Is the Before / After Slider Widget?
A before/after slider lets visitors drag a handle across a photo to reveal the "before" remodel state on one side and the "after" on the other. It's the single most effective visual for selling remodeling work, because it makes your transformation undeniable in two seconds.
Key Benefits
- Drag-to-reveal works on touch (mobile) and mouse (desktop)
- Auto-aligns photos even when shot at slightly different angles
- Optional auto-play demo so the slider self-demonstrates on first view
- Multiple sliders per page — build a full project gallery
- Image CDN + WebP serving for fast loads
How Contractors Use It
- Kitchen, bath, and ADU remodel galleries
- Service pages: each service gets one transformation slider
- Hero section: a single high-impact slider above the fold drives 30%+ more form submissions
The Before / After Slider Widget is part of the TradeCalcs widget suite — drop-in JavaScript widgets and calculators built specifically for contractor and home-service websites. Pair it with our Kitchen Remodel Calculator or Whole Home Remodel Calculator to give visitors both an instant estimate and an interactive on-page experience.