Code
Monaco Editor
Full Arduino syntax highlighting, auto-complete, and real-time error detection — powered by the same engine as VS Code.
01 / CNAP · Beta · For Classes 7 & 8
ARDUINO
PLAYGROUND
An in-browser Arduino simulator. Drop components, connect wires, write code, and watch your circuit come alive — no hardware, no installs.
02 / Features
WHAT IT DOES
A complete Arduino development environment that runs entirely in your browser.
01
Circuit Design
Wokwi Canvas
Drag, drop, and wire 40+ components on an interactive canvas.
Simulation
Simulator
Real-time in-browser AVR8 emulation. No hardware required.
Starter Kits
Templates
15 pre-built circuits, ready to open with one click.
Debug
Serial Monitor
Live Serial output streamed from your sketch in real time.
Reference
Component Library
40+ Wokwi components with wiring guides and example sketches.
03 / Templates
START HERE
No. 01beginner
LED Blink
The Hello World of Arduino. Blinks an external red LED on pin 13 on and off every second.
beginnerLEDdigital output
No. 02beginner
LED Bar Graph
Knight Rider chaser on a 10-segment LED bar graph. A single lit dot sweeps forward and backward using pins 2–11.
beginnerLEDbar graph
No. 03intermediate
LED Ring Rainbow
16-pixel NeoPixel ring running a spinning rainbow chase via FastLED. Data driven from a single pin using the WS2812B protocol.
intermediateNeoPixelWS2812B
No. 04beginner
NeoPixel Colour Cycle
A single WS2812B NeoPixel cycling through red, green, blue, and yellow every 600 ms via Adafruit NeoPixel library.
beginnerNeoPixelWS2812B
No. 05intermediate
NeoPixel Matrix Rainbow
8×8 WS2812B NeoPixel matrix running a diagonal rainbow wave. Each pixel is addressed by row and column via Adafruit NeoPixel.
intermediateNeoPixelWS2812B
04 / How It Works
HOW IT WORKS
WRITE CODE
A full Monaco editor with Arduino syntax highlighting, auto-complete, and real-time error detection. Feels like VS Code, runs in the browser.
BUILD CIRCUITS
Drag, drop, and wire 40+ Wokwi components on an interactive canvas. Connect pins visually with colour-coded wires.
SETUPZERO
Open your browser and start building. No Arduino IDE, no drivers, no hardware. Everything runs client-side.
INSTANT RESULTS
Press Run and watch your circuit respond in real time — LEDs blink, buttons click, the Serial Monitor prints.
05 / Start
Built With
- Editor
- Monaco
- Simulator
- Wokwi / AVR8JS
- UI
- Next.js + Tailwind
- Components
- Base UI
Navigate
CNAP — Cnipbotics Arduino Playgroundv0.1 / BetaFor Classes 7 & 8