We make widgets editable — so the people who care about the content can own it.
Most embeddable widgets put the developer in the loop forever. Need a new headline? File a ticket. Want to swap an image? Email the designer. WebDYI breaks that pattern: the developer ships a template once, with a small schema declaring what's editable, and from then on the client (or the marketer, or the founder) tweaks it themselves through a clean no-code form.
Why we built it
Two patterns kept showing up. Designers building one-off widgets for clients, then becoming the bottleneck for every copy change. SaaS teams wanting to give customers embeddable views (a pricing table, a roadmap, a testimonial reel) but not wanting to ship a half-baked CMS to do it.
The Shopify section model nailed this for storefronts: a section is code + schema; the schema is what the merchant edits. We took that idea, made it framework-agnostic, and put it on a static-served CDN so the result loads fast enough to embed anywhere.
What WebDYI is
- A widget editor — write HTML, CSS, and JS in a familiar playground. Declare what's customizable with a small JSON schema. Save as a template.
- A customizer for clients — auto-generated no-code form: text inputs, color pickers, image/video uploads, drag-sortable repeatable blocks. Saves are instant, token-gated, and tied to a specific widget instance.
-
A widget CDN — every customized instance lives at
cdn.webdyi.com/w/{id}: a tiny static shell with the precompiled result inside a sandboxed iframe. Edge-cached, sandbox-isolated, iframely-ready.
Who it's for
Designers
Sell or hand off widgets that clients can actually edit. No "send me the new copy" round-trips.
Agencies
Build a branded widget library once, deploy across many clients — each with their own customized version.
SaaS teams
Ship embeddable widgets your customers configure themselves. No CMS to build, no widget API to maintain.
How we build it
WebDYI is built on Cloudflare's edge platform — Pages for hosting, Pages Functions for the API, D1 for data, R2 for media. The editor is a fork of the excellent LiveCodes playground, with a Shopify-style schema + no-code customizer layered on top. Auth is Firebase (Google / GitHub / email + password). Payments are Stripe.
Every customized widget is precompiled at save time and served as a static HTML page from a CDN subdomain — no editor SPA boots when a visitor loads the embed. That's why widgets load fast everywhere they're pasted.
Ready to try it?
Sign up free. No credit card. Build your first widget in the next 10 minutes.