Getting Started

Open the editor

Go to yalicode.dev/editor. No account required. You will see a template picker where you can choose a language or framework to start with.

Pick a template

Templates are grouped into categories: frontend frameworks (React, Vue, Svelte, Next.js, Angular, Astro), backend languages (Python, Go, Rust, Java, C++, Ruby, PHP), and creative (Three.js, D3.js, p5.js). You can also start with a blank file.

Frontend templates run in your browser using WebContainers. Backend templates run on our servers in sandboxed Docker containers.

Write and run code

The editor uses Monaco (the same editor as VS Code). You get syntax highlighting, IntelliSense, bracket matching, and Emmet for HTML/CSS.

Press Ctrl+Enter to run your code. Output appears in the Console panel at the bottom. For frontend projects, the preview panel on the right shows your app with hot module reloading.

Save your work

Sign in with GitHub, Google, or email to save projects. Projects auto-save every 5 seconds. You can also press Ctrl+S to save immediately.

Each project gets a shareable URL at yalicode.dev/p/username/project-slug. You can set projects to public, unlisted, or private.

Terminal

Frontend projects have a full terminal with shell access (via WebContainers). You can run npm commands, install packages, and interact with the filesystem. Press Ctrl+` to toggle the terminal.

What to try next

Import a project from GitHub (dashboard menu), use the debugger (sidebar), run tests (sidebar), or try the AI features (Ctrl+K for code generation). Check the other docs for details on each feature.