---
title: "Aider in your browser"
description: "<div class=\"video-container\"> <video controls loop poster=\"/assets/browser.jpg\"> <source src=\"/assets/aider-browser-social.mp4\" type=\"video/mp4\"> <a href=\"/assets/aider-browser-social.mp4\">Aider browser UI demo video</a> </video> </div>"
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/2024-05-02-browser
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T10:58:49.636Z
license: CC-BY-4.0
attribution: "Aider in your browser — Claudary (https://claudary.paisolsolutions.com/skills/2024-05-02-browser)"
---

# Aider in your browser
<div class="video-container"> <video controls loop poster="/assets/browser.jpg"> <source src="/assets/aider-browser-social.mp4" type="video/mp4"> <a href="/assets/aider-browser-social.mp4">Aider browser UI demo video</a> </video> </div>

## Overview

---
title: Aider in your browser
excerpt: Aider has an experimental browser UI, allowing you to collaborate with LLMs on code in your local git repo.
highlight_image: /assets/browser.jpg
---
{% if page.date %}
<p class="post-date">{{ page.date | date: "%B %d, %Y" }}</p>
{% endif %}

# Aider in your browser

<div class="video-container">
  <video controls loop poster="/assets/browser.jpg">
    <source src="/assets/aider-browser-social.mp4" type="video/mp4">
    <a href="/assets/aider-browser-social.mp4">Aider browser UI demo video</a>
  </video>
</div>

<style>
.video-container {
  position: relative;
  padding-bottom: 101.89%; /* 1080 / 1060 = 1.0189 */
  height: 0;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

Use aider's new experimental browser UI to collaborate with LLMs
to edit code in your local git repo.
Aider will directly edit the code in your local source files,
and [git commit the changes](https://aider.chat/docs/git.html)
with sensible commit messages.
You can start a new project or work with an existing git repo.
{% include works-best.md %}

Use the `--browser` switch to launch the browser version of aider:

```
python -m pip install -U aider-chat

export OPENAI_API_KEY=<key> # Mac/Linux
setx   OPENAI_API_KEY <key> # Windows, restart shell after setx

aider --browser
```

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/2024-05-02-browser) · https://claudary.paisolsolutions.com