webyaam
Start building
14 / 15

Open the codewhenever you want.

Edit project files in the Monaco editor, run commands in a terminal and use npm packages in an isolated sandbox, right next to the visual canvas.

Start building free See pricing
  1. Screen 1 of 1

    Code workspace

    A real look at code editor in the builder. Scroll to explore.

  2. 01

    Your real project files

    Pages, layouts, styles and config in a standard Astro structure.

  3. 02

    Content as Markdown

    CMS entries live in src/content as plain .md files.

  4. 03

    Code editor

    Edit with syntax highlighting, tabs and breadcrumbs, then Save & build.

The code workspace with the project file tree and Layout.astro open in the editor.

Real screenshots of the Webyaam builder with a demo site.

01 What you get

Code editor,
in detail.

Up closeYour real project files
01

Monaco editor

The editor behind VS Code, with your project's files.

02

Terminal

Run npm scripts and commands in an isolated sandbox.

03

npm packages

This is a real npm project. Install what you need.

04

Who gets it

Paid site or workspace plans, and during your first-site trial.

02 How it works

  1. 1

    Switch to Code

    Open the code view from the builder.

  2. 2

    Edit and run

    Change files and run commands.

  3. 3

    Back to visual

    Keep designing on the canvas.

03 Keep exploring

Your next website starts here

Your next website,block by block.

Start free in the builder. Your first site gets a 7-day trial with Grow features, no credit card needed.

Start building free Browse design examples