1
Build
Write your widget
Start from a template or write raw HTML, CSS, and JavaScript. Bring any framework. Build the exact interaction you want.
For vibe coders, creators,
and indie makers
Paste your code.
Paste your code.
Let anyone customize it.
Built something cool with AI? Paste it in, pick what's editable, and share a link. Your friends, followers, or teammates get a simple form — no code needed.
Free forever · No credit card · Unlimited widgets
Works with
Canva
Shopify
WordPress
Notion
Webflow
See it in action
Watch how creators paste code and let anyone customize it.
The problem
You built something cool.
You built something cool.
Now everyone wants their own version.
Your friend wants it in blue. Your teammate needs different text. Your follower wants to change the image. Suddenly you're copy-pasting files and sending ZIPs.
The copy-paste trap
One creation becomes ten.
- Everyone wants different colors, text, or images.
- You end up managing ten versions of the same file.
- Every tweak means a new export, email, or GitHub gist.
The sharing wall
Your work is stuck in one place.
- CodePen demos can't be customized by non-coders.
- Widget galleries only let you change preset toggles.
- There's no easy way to let others remix your creation.
The solution
Paste your code. Pick what's editable. Share the link.
You paste the code
Drop in HTML, CSS, and JavaScript from ChatGPT, Cursor, or your own editor. Define what others can change with a simple JSON schema. WebDYI turns those choices into a form.
Anyone gets a form
Your friends, followers, or teammates edit through a friendly form — pick colors, change text, upload images. They can't break anything, and you stay in control of the design.
One creation. Infinite remixes. Zero copy-paste.
What you get
Your code. Their controls.
Your code. Their controls.
Zero maintenance.
Most widget tools lock you into presets. WebDYI gives you a schema-driven design surface anyone can customize without touching code.
Define editable fields with JSON
Declare settings (text, color, image, select, range, checkbox) and repeatable blocks. WebDYI auto-generates the customization form. No UI code required.
One widget, many versions
Everyone gets their own customized instance from the same source. No more copy-pasting files or sending different versions to every person.
Embed anywhere
One link works on Canva, Shopify, WordPress, Notion, Webflow, Framer, and any embed-supported surface. Hosted on a fast CDN, sandboxed by default.
How we compare
Widget galleries give you presets.
Widget galleries give you presets.
WebDYI gives you editable custom code.
That's the real difference. The full feature-by-feature comparison is below.
|
Elfsight
Preset widget gallery
|
Common Ninja
Preset widget gallery
|
WebDYI
For creators & makers
|
|
|---|---|---|---|
| How much you can change | Fixed presets — swap a few colors and words. | Fixed presets — swap a few colors and words. | Change anything — layout, colors, text, images, behavior. |
| Build your own widget | No | No | Yes — design once, reuse forever |
| How others customize it | A built-in editor with the toggles the vendor chose. | A built-in editor with the toggles the vendor chose. | A form built around your schema — pick colors, type text, upload images. |
| Price | From ~$6/mo, more as your traffic grows. | From ~$5.50/mo, more as your traffic grows. | Free forever. Optional $4.99/mo. |
| View limits | Capped per plan — popular pages cost more. | Capped per plan — popular pages cost more. | None — unlimited views on every plan |
| How many widgets you can use | Pay per widget | Pay per widget | Unlimited — even on the free plan |
| How it loads on your site | Adds extra scripts to every page. | Adds extra scripts to every page. | Loads as its own self-contained page — fast, and it can't break your site. |
| Works inside Canva | Limited — needs workarounds | Limited — needs workarounds | Yes — paste the link, Canva embeds it. |
| Embed without their branding | Higher-tier plans only | Higher-tier plans only | Included on the $4.99 plan |
| Sharing with others | A separate account / plan per person | A separate account / plan per person | Share one link. Everyone gets their own version. |
Competitor pricing and limits based on publicly listed plans and may change. Last reviewed June 2026.
How it works
Build. Schema. Share. Embed.
Four steps from raw code to a shareable, customizable widget anyone can remix.
2
Expose
Add a schema
Declare which settings others can edit: text, color, image, video, range, select, checkbox, plus repeatable blocks. WebDYI auto-generates the form.
3
Publish
Share the customizer link
Every customization is precompiled and served as a static page from
cdn.webdyi.com. No SPA boot, no client-side compile.
4
Embed
Anyone customizes and embeds
They customize through the form, copy the embed URL, and drop it into Canva, Shopify, WordPress, Notion, or any site.
See it click
Your schema becomes a form. Instantly.
Every WebDYI widget shows up as a simple form. Type, pick a color, upload an image — the widget updates instantly. Same source of truth, no broken layouts.
visitor sees
Customization panel
No code. No confusion.
published
Live widget
Get 20% off
cdn.webdyi.com/w/abc123
Edits in the panel update the widget instantly.
Starter widgets
Try them live. Hover, drag, reveal.
Interact with real widgets below. Then make them yours in the customizer.
Try it ↓
Hover Buttons
Modern CTA buttons with hover effects and style presets.
Drag the slider ↓
Before / After Slider
Reveal transformations side-by-side with a draggable handle.
Hover the cards ↓
Hover Reveal
Grid of cards that reveal hidden content on hover — great for portfolios, case studies, and meet-the-team sections.
Features
Built for Creators. Loved by clients.
Define editable fields with JSON
Declare settings (text, color, select, image, video, range, checkbox) and repeatable blocks with presets. The customizer form is auto-generated for you.
Load instantly from CDN
Every customization is precompiled and served as a tiny static page. No SPA boots when a visitor loads the widget.
Safe for any site
Widgets run in sandboxed iframes with opaque origins — isolated from the host page. Safe to embed anywhere.
Works in Canva, Notion, and CMS editors
WebDYI is an approved embed provider. Paste a URL into Canva, Notion, blogs, and CMS editors — it auto-richifies into your live widget.
Clients upload their own media
Clients upload media straight from the customize form. Stored securely and served from our optimized edge network.
Export and self-host anytime
Work with templates on your local filesystem and push to the cloud when ready. Export and self-host anytime.
Who builds with WebDYI
Who builds with WebDYI
Vibe coders
Prompt, paste, share
Generated something cool with ChatGPT or Cursor? Paste it in, pick what's editable, and share a link. No deployment, no hosting setup.
Indie makers
Ship tools, not files
Build a widget for your project. Let others remix it for theirs. One source, infinite variations — no more copy-pasting code.
Community builders
Share creations that spread
Post a widget your community can customize. Everyone gets their own version without bugging you for tweaks.
Content creators
Embed interactive content
Build polls, galleries, calculators, or showcases. Drop them into Notion, Canva, or your blog — and let viewers customize their own copy.
FAQ
Common questions, clear answers.
Everything you need to know before building widgets with WebDYI.
Do people need to code to customize my widget?
No. You define what's editable with a JSON schema, and WebDYI turns it into a form for text, colors, images, blocks, and layout. Try a live widget →
I generated code with AI — can I really just paste it in?
Yes. Copy the HTML, CSS, and JavaScript from ChatGPT, Cursor, or any AI tool and
paste it into WebDYI. Use Liquid placeholders like
{{ settings.title }}
for the parts people should be able to edit, then declare a schema describing each
setting (text, color, image, range, select, etc.). WebDYI auto-generates the
customization panel, precompiles each instance, and serves it as a static
sandboxed iframe from
cdn.webdyi.com.
How is this different from Elfsight or other widget galleries?
Elfsight gives you locked presets with a few toggles. WebDYI lets you build your own widget and define exactly what others can change — so the same component can be deeply remixed and reused by unlimited people. See the comparison →
Can I embed widgets in Canva, Notion, and other platforms?
Yes. WebDYI is an approved embed provider. Paste a widget URL into Canva, Notion, blogs, and CMS editors — it auto-richifies into your live widget.
Are embeds fast and safe for visitors?
Yes. Widgets are served as static pages from a CDN and run in sandboxed iframes with isolated origins. Host pages stay stable and secure.
What is included in the free plan?
Unlimited widgets, unlimited views, all starter templates, and 50 MB media storage. Free embeds include a small WebDYI badge. Start building free →
What does $4.99 unlock?
Removes the WebDYI badge from embeds and bumps storage to 500 MB. Clean, no-brand presentation for your projects. Upgrade →
What if I do not see the widget I want?
Build your own in minutes, or request a starter widget and we'll prioritize it.
Pricing
Start free. Upgrade when you're ready.
Free forever for personal projects. Paid plans when you're ready to go badge-free or work with a team.
Free
$0
/ forever
For side projects, testing, and personal sites.
- ✓ Unlimited widgets
- ✓ Unlimited views — no traffic caps
- ✓ All starter & reviewed core widgets
- ✓ 50 MB media storage
- ✓ Embed in Canva, Shopify, Notion, any site
- · Small WebDYI badge on embeds
Creator
$4.99
/ month
For creators shipping widgets to their audience.
- ✓ Everything in Free
- ✓ No WebDYI badge on embeds
- ✓ 500 MB media storage
- ✓ Email support
Agency
$29
/ month
For teams and studios shipping widgets at scale.
- ✓ Everything in Creator
- ✓ Team workspace — invite teammates & collaborators
- ✓ 10 GB media storage
- ✓ Custom domain for embeds
- ✓ Priority support & onboarding
- ✓ Uptime SLA for production embeds
All plans include unlimited widgets and views with flat-rate storage limits. No per-impression traffic billing, ever.
Paste your code. Pick what's editable. Share the link.
Built for vibe coders and creators who want their work to be seen, shared, and remixed — not stuck in a single file.