# Web-based Pd patch editor

**URL:** https://forum.critterandguitari.com/t/web-based-pd-patch-editor/11379
**Category:** Hacking
**Created:** [July 21, 2026, 2:27pm UTC](https://forum.critterandguitari.com/t/web-based-pd-patch-editor/11379 "2026-07-21T14:27:41Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![jmogens](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.critterandguitari.com/jmogens/32/4292_2.png) [@jmogens](https://forum.critterandguitari.com/u/jmogens)
#### Post date: [July 21, 2026, 2:27pm UTC](https://forum.critterandguitari.com/t/web-based-pd-patch-editor/11379/1 "2026-07-21T14:27:41Z")

</div>

Hey, I know that the Organelle has a built-in VNC server, but the new OS 5.1 web editor is so nice I wished there was a way to edit Pure Data patches from the web editor. I took a stab at integrating Xpra (which allows running an X11 server in a web browser) into the web editor. Here’s the result:

 ![Organelle Web Patch Editor](https://canada1.discourse-cdn.com/flex035/uploads/critterandguitari/original/2X/f/fa702d68aececbc47ef77bf0786afb04913b99db.png)

There’s a new “Patch Editor” button in the web editor. Press it and open a patch from the Organelle OLED menu and the Pure Data windows should show up in the view.

For the adventurous, here’s some instructions on how to add this feature, starting with a device running Organelle OS 5.1:

- Back up the sd card, just in case!

- Let’s pin the Raspberry Pi kernel and firmware, so we don’t accidentally replace the existing kernel with special ALSA driver

- Add the apt repo for the `xpra-html5` package:

- We’ll use the Debian bookworm version of `xpra`, but it’s not compatible with the `latest xpra-html5` package. We need to install a specific older version. There are some file conflicts between the Debian `xpra` package and `xpra-html5` package. Tell `dpkg` to use the files from `xpra-html5`.

- Now either `git pull` or copy this Organelle\_OS repo with this commit to `/home/music/Organelle_OS` and run:

- Reboot then start the `Web Server` and `Patch Editor` from the OLED screen `Settings` menu.

- Open the Organelle web interface in a browser and click the new `Patch Editor` button.

- Open a patch from the Organelle OLED screen manu and the Pure Data patch windows should open in the browser view.

- Edit, open, save, and hack away!

There’s a GitHub PR with the changes here: [Add web-based Pd patch editor via Xpra by mogenson · Pull Request #53 · critterandguitari/Organelle\_OS · GitHub](https://github.com/critterandguitari/Organelle_OS/pull/53)

---

<div class="post-metadata">

### Author: ![oweno](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.critterandguitari.com/oweno/32/10_2.png) [@oweno](https://forum.critterandguitari.com/u/oweno)
#### Post date: [July 23, 2026, 3:52pm UTC](https://forum.critterandguitari.com/t/web-based-pd-patch-editor/11379/2 "2026-07-23T15:52:43Z")

</div>

That is cool, I was able to get it installed and it works! I’ve always wondered about patching right from the web browser. I got some errors running the package commands the first time, I just ran them again and it was fine and it worked after building and rebooting. The connection dropped a few times, but maybe that can be tweaked.
