Advanced features of Arduino Web Editor

Managing libraries

The Arduino Web Editor gives you access to thousands of libraries without manual installation.

Adding libraries to your sketch

1. In the Web Editor, click the Libraries tab in the left sidebar (book icon).
2. Search for the library you need (e.g., "DHT sensor" or "Servo").
3. Click Include next to the library name.
4. The library will be added to your sketch with an #include statement.

Favorites and library manager

Mark frequently used libraries as Favorites (star icon) for quick access. The Web Editor automatically keeps libraries up to date, unlike the desktop IDE where you manage updates manually.

Custom libraries

To upload your own library:

1. Go to Libraries → Custom Libraries.
2. Click Import and upload a .zip file containing your library.
3. The library will be available in all your sketches.

Sharing projects

One of the Web Editor's best features is cloud-based collaboration.

Share a public link

1. Open your sketch in the Web Editor.
2. Click the Share button (top-right).
3. Choose Public to make the sketch viewable by anyone with the link.
4. Copy the generated URL and send it to collaborators.

Embedding sketches

You can embed Arduino sketches in websites or documentation:

1. Share your sketch publicly.
2. Copy the Embed Code from the share menu.
3. Paste it into your HTML.

Importing shared projects

To import someone else's shared sketch:

1. Open the shared link.
2. Click Save As to create your own copy.
3. You can now edit and upload it to your board.

Cloud variables (Arduino IoT Cloud)

The Web Editor integrates with Arduino IoT Cloud for remote monitoring and control.

What are cloud variables?

Cloud variables automatically sync data between your Arduino and the cloud. You can monitor sensor values remotely or control devices from anywhere.

Setting up cloud variables

1. Create a Thing in Arduino IoT Cloud (linked to your board).
2. Add variables (e.g., temperature, ledState).
3. The Web Editor auto-generates code to sync these variables.
4. Deploy your sketch and view/control variables via the IoT Cloud dashboard.

See our full Arduino IoT Cloud guide for detailed setup instructions.

Offline mode (Arduino Create Agent)

The Web Editor requires internet for most features, but you can work offline with the Arduino Create Agent.

How offline mode works

1. Install the Arduino Create Agent (prompts automatically when you first use the Web Editor).
2. Once installed, you can upload sketches to your board even without internet.
3. Sketches are cached locally and synced when you reconnect.

Limitations of offline mode

• You can't access the library manager or add new libraries.
• Sharing and cloud features require internet.
• Serial Monitor works offline.

For full offline development, consider using the Arduino IDE 2.0 desktop application.

Power user tips

Keyboard shortcuts

• Ctrl/Cmd + Enter: Verify sketch
• Ctrl/Cmd + Shift + U: Upload to board
• Ctrl/Cmd + F: Search/replace
• Ctrl/Cmd + /: Comment/uncomment lines

Monitor and debug

The built-in Serial Monitor and Serial Plotter let you visualize data without leaving the browser. Switch between them in the bottom panel.

Multiple tabs

Open multiple sketches in tabs. The Web Editor remembers your open sketches across sessions.

Dark mode

Enable dark mode from Preferences → Theme to reduce eye strain.

Version history

The Web Editor auto-saves your sketches. Access previous versions from Sketch → Show History (like Git for your sketches).

Sketchbook organization

Create folders in your Sketchbook to organize projects by category (e.g., "Sensors," "Robotics," "Learning").