An intuitive, browser-based companion web application built with Lit (Web Components) designed to visually document, map, and save patterns and chord sets from the Teenage Engineering Pocket Operator PO-20 Arcade.
Since the PO-20 lacks a native project saving or export feature, po20 acts as your external paperless notebook—allowing you to back up your hardware creations, map out your chord progressions, and keep your arcade tracks safe for future live performances or recording sessions.
- Pattern Documentation: Easily visualize and log step-sequencer data and melody patterns exactly as they look on your hardware.
- Chord Set Mapping: Keep track of your custom chord progressions and variations tailored to the PO-20’s chord engine.
- Lightweight & Fast: Built entirely with Lit for high performance, standard-compliant Web Components, and a zero-bloat user experience.
- Local Storage/Export: Save your creations directly within the browser session or export them to easily reload later.
- Hardware-Inspired UI: A clean, responsive interface designed to complement the pocket-sized workflow.
You only need a modern web browser to run the app. If you want to run the project locally for development, ensure you have Node.js installed.
-
Clone the repository: git clone https://github.com/warmsynths/po20.git
-
Navigate into the project directory: cd po20
-
Install the dependencies: npm install
-
Start the local development server: npm run dev
- Lit (https://lit.dev/) - Simple, fast, web-standard components.
- Modern JavaScript / TypeScript.
- CSS Custom Properties for responsive styling.
Contributions, bug reports, and feature requests are welcome! Feel free to check out the issues page or open a pull request if you want to add new layout styles, backup options, or workflow optimizations.
This project is open source and available under the MIT License (LICENSE).
Disclaimer: This project is an independent utility and is not affiliated with, authorized, or endorsed by Teenage Engineering.