Tab Component
Colorful, customizable CSS-only tabs component.
A responsive tab section that organizes content without long scrolling. Supports bordered/no-border styles, tab icons, images, rich text, and optional page-style HTML blocks without external libraries.
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-tab-component" title="Tab Component" 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
Before/After Slider
Interactive before/after comparison for visual transformations.
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.
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.