Webyaam is a visual Astro builder for fast, modern websites. Design on a canvas or let Claude and ChatGPT compose pages over MCP, then publish in one click — and keep clean Astro + Tailwind code you fully own.
Static output · Astro 7 · Tailwind 4 · No lock-in
Handmade stoneware for slow mornings
Small-batch ceramics, fired in Lisbon.
Shop the collectionMorning mug
Pour-over set
Serving bowl
Built on a real stack
216
section presets
42
core building blocks
4
responsive breakpoints
1 click
to publish
Most visual builders keep your site inside their runtime. Webyaam writes a normal Astro project from the first click, so the canvas, your AI and your developers all work on the same source.
Start on the canvas or in your AI client. Either way you end up with the same editable, portable project.
Every project starts as a visual Home page backed by a real Astro starter. Add pages, layouts and collections as you go.
astro_create_projectAsk Claude or ChatGPT for a page. It builds atoms, blocks and sections, then assembles them through the MCP server.
astro_create_visual_pageRearrange blocks in the navigator, tune every breakpoint and design variable, or switch to Code for full control.
Design · Inspect · CodeOne action saves, builds in an isolated sandbox and publishes the exact revision that passed to your own address.
yourname.webyaam.siteSwitch between the canvas, the code, your AI and the publish flow — they all edit the same Astro source.
Drag sections, stacks and grids into place and style every breakpoint.
Switch to Monaco and edit the .astro files behind every block.
Claude or ChatGPT builds components and pages over MCP.
Build in an isolated VM and go live on your own address.
Everything you expect from a visual editor — without giving up the project structure a developer would write by hand.
Select any rendered element, see where it lives in source, and rearrange sections, stacks and grids in the navigator.
Highlighting, formatting, quick open, search and Astro syntax diagnostics across the whole project.
Desktop-first styles with tablet, landscape and mobile overrides on every block, plus hover states.
Site-wide colors, sizes and fonts as variables. Rename one and every reference follows.
152 neutral wireframes and 64 art-directed heroes, installed into your project only when you use them.
Atoms, blocks and sections with declared content and design controls, so every card and button stays editable.
Native Astro content collections with typed fields, Markdown entries and generated detail routes.
Native form blocks post to your published site, and submissions appear right inside the builder.
Install only the sections you need. Each insert is an independent, fully editable tree of blocks.
Connect Claude, ChatGPT or any MCP client to app.webyaam.com/mcp. Your assistant gets the same tools the editor uses — and the same guardrails.
Builds run in disposable, isolated machines. What you publish is an immutable snapshot — later edits never change the live site until you republish.
1 click
Save, build, publish
A failed build keeps your source and leaves the live site untouched.
.webyaam.site
An address in seconds
Wildcard routing at the edge — no DNS records or per-site setup.
Isolated
Every build in its own VM
Builds, terminals and live previews run in separate sandboxes that stop on their own.
.zip
Your source, any time
Download the editable npm project or the compiled site and host it anywhere.
Still curious? Open the builder and look at the source of any page — that’s the best answer we have.
Create a workspace, connect your AI, and publish a real Astro site before your coffee gets cold.