Caffeine is a livecoding environment for the web. After adding it to a webpage, you can use it to make live persistent changes to that page and other pages running Caffeine, without reloading.
- as a headless Web Worker, with which you post and receive messages (you are responsible for all DOM manipulation).
- as an IDE in a headful IFrame, with Caffeine able to manipulate the DOM directly.
- on a headless Node server, with which you also exchange messages (over a WebSocket).
- through a headful DevTools panel IDE, using the Chrome Debugging Protocol to manipulate every page your browser is running.
To get started, open your browser's DevTools on this page, and read the comment below this text.