Lifestyle & Wellness 60 FPS Hardware Accelerated
Fitness & Body Transformation Before and After Slider
Showcase muscle gain, fat loss, and posture alignment over 12-week cycles with an engaging, interactive slider clients can scrub through on their phones.
Embed This Interactive Slider on Your Site
Works with WordPress, Webflow, Shopify, Squarespace, Ghost, Notion, and HTML websites.
<iframe src="https://diffslider.app/embed/demo-fitness-transformation" width="100%" height="600" frameborder="0" allowfullscreen loading="lazy" style="border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; overflow: hidden; max-width: 100%;"></iframe>
Customizing your embed:
-
?theme=light– Force clean white background -
?toolbar=0– Ultra-clean minimalist mode (slider only) -
?pos=65– Set default divider split position to 65% -
?mode=side– Default to side-by-side mode
Make Your Own
Create Your Own Before & After Comparison
Drag & drop 2 to 10 photos. No software to install, no watermark, 60 FPS mobile-ready.
- ✓ Free & no credit card required
- ✓ Up to 1600% synchronized pixel zoom
- ✓ Instant permanent link & embed snippet
Photography & Alignment Protocol
- Photograph first thing in the morning in a fasted state under consistent overhead lighting.
- Align hip bones and foot placement against a floor tape mark.
- Export a 4-second video clip directly from DiffSlider for your TikTok or Instagram workout reel.
Frequently Asked Questions
Can clients view their transformation privately? ▼
Yes. Set the comparison visibility to "Unlisted" so only people with the secret link can view it.