Skip to content
Home / Demo Showcase / Fitness & Body Transformation
Fitness & Body Transformation 60 FPS Hardware Accelerated

CrossFit Body Composition Recomposition Before & After Slider

Track trap development, deltoid rounding, and posterior chain density forged in High Intensity Metcon WODs.

18 Months of CrossFit Games Training
Sedentary Baseline
Sedentary Baseline 18 Months of CrossFit Games Training

Embed This Interactive Slider on Your Site

Works with WordPress, Webflow, Shopify, Squarespace, Ghost, Notion, and HTML websites.

Zero Script Dependency
<iframe src="https://diffslider.app/embed/demo-crossfit-body-composition-recomp-slider" 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

  • 拍摄前后姿势统一采用举重准备式站位;
  • 背景统一使用 CrossFit 铁馆黑白刻度胶合板墙面。

Frequently Asked Questions

Can CrossFit box owners embed member spotlight transformations? ▼

Embed responsive sliders on gym member-of-the-month showcase pages.