Skip to content
Home / Demo Showcase / Medical & Beauty
Medical & Beauty 60 FPS Hardware Accelerated

Skincare Before and After Slider

Show treatment results the way clients want to see them: one photo on top of the other, with a smooth handle they can drag across the face to inspect acne, tone, and texture improvements.

Week 8
Week 0
Week 0 Week 8

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-skincare" 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

  • Label slides with exact elapsed duration, e.g. "Baseline" vs "Month 2 (3 Peels)".
  • Pre-align facial pupils to identical vertical grid lines before generating the link.
  • Always obtain written patient consent for promotional or portfolio display.

Frequently Asked Questions

Can I embed the skincare slider into my clinic website or booking software? ▼

Yes. Every comparison generates a lightweight, responsive iframe code that drops cleanly into WordPress, Wix, Squarespace, Webflow, and Shopify.

Are patient photos compressed or re-encoded? ▼

Never. Photos are served in their original uncompressed fidelity, allowing dermatologists to zoom into skin pores with sub-pixel clarity.