Paste AI-generated code
Start with HTML, CSS, and JavaScript from ChatGPT, Claude, Cursor, Gemini, or your own editor.
For non-technical vibe coders and AI builders
Create your widget
Turn AI code into live widgets you can edit, share, and embed.
Paste the HTML, CSS, and JavaScript you got from ChatGPT, Claude, Cursor, or Gemini. WebDYI helps you add editable controls, preview it safely, and publish a hosted widget link you can embed anywhere.
Works with
Canva
Shopify
WordPress
Notion
Webflow
No-code customizer
Turn hard-coded values into controls.
Text, colors, images, icons, and options become simple editable fields.
Hosted widget
Your AI snippet gets a real home.
Share a public URL or paste the iframe into Canva, Shopify, or any site.
Best for
AI snippet builders
Canva creators
Template sellers
Client projects
See it in action
AI gives you the code. WebDYI makes it usable.
A quick look at the full loop: paste what the AI generated, expose safe controls, preview the result, and copy a real embed link.
Paste from your AI chat
Bring in generated HTML, CSS, and JavaScript without setting up a repo.
Turn settings into controls
Make text, colors, images, icons, and options editable without another
prompt.
Publish past the preview
Copy a hosted URL or iframe and drop the widget into real pages and
builders.
Features
Everything AI code is missing after the chat.
WebDYI gives vibe-coded snippets the product layer: editable settings, safe hosting, embed delivery, starter widgets, sharing, and simple pricing.
No-code editable controls
Turn hard-coded text, colors, numbers, images, and toggles into friendly fields you can update later.
Safe hosted widgets
WebDYI hosts the result for you and serves it through isolated iframe embeds, so you do not need to deploy code yourself.
Starter widgets when you need a shortcut
Remix pricing tables, countdowns, forms, galleries, testimonials, music players, and more when you do not want to start from a blank prompt.
Share-ready links
Every widget gets a clean public URL and iframe snippet for Canva, Shopify, WordPress, Notion, Webflow, or a normal website.
Pricing for experiments
Start free while you test ideas, then upgrade when you want white-label embeds, more storage, or client-ready delivery.
Workflow
From AI snippet to live widget.
A compact flow for non-technical builders who can get AI to generate code, but need a simple way to edit, host, and embed it.
Step 1
Paste what the AI generated
Drop in the HTML, CSS, and JavaScript from your AI tool or editor.
Step 2
Choose what should be editable
Expose the text, colors, images, icons, and settings you want to change later.
Step 3
Publish the widget link
Copy the hosted URL or iframe and paste it into Canva, Shopify, or your site.
Pricing
Start free.
Start free.
Upgrade when it matters.
Simple plans for AI experiments, published widgets, and client-ready embeds when your idea starts working.
Free
$0
/ forever
For testing AI-generated widgets and publishing public embeds with WebDYI branding.
- Unlimited widgets
- Unlimited views
- All starter widgets
- 50 MB media storage
- WebDYI badge on embeds
Creator
$4.99
/ month
For vibe coders who want polished, white-label widgets for audiences or clients.
- Everything in Free
- No WebDYI badge
- 500 MB media storage
- Email support
- Clean embeds for client work
Agency
$29
/ month
For teams managing many AI-assisted widgets, clients, and publish workflows.
- Everything in Creator
- Team workspace
- 10 GB media storage
- Custom domain for embeds
- Priority onboarding
Frequently Asked Questions
Common questions.
What is WebDYI?
WebDYI is a publishing layer for AI-generated widgets. Paste the code your AI tool gave you, choose what should be editable, and publish a hosted widget link you can embed anywhere.
Can I embed widgets in Canva, Notion, or Shopify?
Yes. WebDYI gives you public widget links and iframe embed code for platforms that support embeds, including Canva, Notion, Shopify, WordPress, Webflow, and normal websites.
Do I need to understand all the code?
No. You should still preview and test what the AI generated, but WebDYI helps you turn the parts you care about into simple controls for text, colors, images, numbers, toggles, and other fields.
Are hosted widgets safe for my website?
Widgets are delivered through isolated iframe embeds, so the host page stays separate from the AI-generated widget code. That makes experiments and client embeds easier to publish safely.
What does the paid plan unlock?
The Creator plan removes the WebDYI badge and increases storage. The Agency plan adds team-oriented publishing features such as larger storage, custom domains, and priority onboarding.
AI made the code.
Make it usable.
Turn your next ChatGPT, Claude, Cursor, or Gemini snippet into an editable, hosted widget people can actually use.