Getting Started
This guide walks you through opening the playground and running your first Arduino simulation.
Step 1 — Open the playground
Click Open Playground on the homepage, or go to /playground. The playground is divided into four panels:
| Panel | Purpose |
|---|---|
| Palette (left) | Browse and add circuit components |
| Canvas (center) | Visual circuit design area |
| Editor (right) | Arduino code editor |
| Serial Monitor (bottom) | View output from Serial.println() |
Step 2 — Add a component
- In the Palette panel, find the component you want (e.g., LED).
- Click the + button next to it to place it on the canvas.
- Drag it to position it where you want.
Step 3 — Connect wires
Click a pin on one component, then click a pin on another to connect them with a wire. Click an existing wire to remove it.
Step 4 — Write code
The Editor panel contains your Arduino sketch. Write your setup() and loop() functions just like you would in the Arduino IDE. The editor supports:
- Syntax highlighting for Arduino / C++
- Auto-complete for common functions
- Real-time error indicators
Step 5 — Run the simulation
Click the Run button in the toolbar. The circuit will come to life — LEDs blink, buttons respond, and the Serial Monitor shows any output from Serial.println().
Using a template
If you're new to Arduino, start with a template instead:
- Go to Templates
- Pick one (e.g., LED Blink)
- Click Open in Playground
- The code and circuit are loaded automatically — just press Run
Keyboard shortcuts
| Shortcut | Action |
|---|---|
Ctrl + S | Save / format code |
Ctrl + Z | Undo (in editor) |