Before/After Slider
Interactive before/after comparison for visual transformations.
Great for redesign reveals, renovation showcases, product updates, and retouching demos. Clients can update before and after images, labels, and supporting text in the no-code Customize tab, then embed the final comparison anywhere.
Embed snippet
Paste this anywhere — your site, Notion, a blog, any CMS. The iframe resizes to fit content via the helper script.
<iframe src="https://cdn.webdyi.com/w/demo-before-after-slider" title="Before/After Slider" data-webdyi-widget loading="lazy" style="width:100%;height:400px;border:0;border-radius:8px"></iframe>
<script async src="https://cdn.webdyi.com/embed.js"></script>More starters
Categorized Image Gallery
Categorized image gallery with modal preview and fast filtering.
Contact Us Form
Add a simple contact form that saves submissions to WebDYI storage.
Countdown Timer
Build urgency for launches, promos, and registration deadlines.
Didn't find the widget you need?
Tell us what you're trying to build and we can prioritize it for the starter library. Share your use case, required fields, and preferred style.