Architecture & Design 60 FPS Hardware Accelerated
Home Renovation & Remodel Before and After Slider
Show a kitchen remodel, a bathroom refit, or a staged living room as one dynamic image that buyers, clients, and homeowners can drag across.
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-interior" 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
- Record the tripod floor spot and focal length in the contractor punch list.
- Switch to vertical slider direction for two-story foyers or vaulted ceiling renovations.
- Embed interactive sliders directly on Houzz, project case study pages, and portfolio sites.
Frequently Asked Questions
Does it work for virtual staging comparisons? ▼
Yes. Upload the raw empty room photograph as "Before" and the 3D rendered staged asset as "After".
Can I export a video for Instagram Reels and TikTok? ▼
Yes. Click "Export Video" on your comparison page to generate a 4-second 60 FPS sweep clip formatted for social media.