Scribbler
Scribbler is an open-source online JavaScript notebook and compiler that lets you write, run, and share code instantly in your browser.
About
Scribbler is an open-source, browser-based JavaScript notebook and compiler designed to make coding experiments simple, interactive, and accessible to everyone. Unlike traditional IDEs or editors, Scribbler combines a notebook-style interface — where you can mix text, JavaScript, HTML, and CSS — with instant code execution, all within your browser. No installations, no Node.js, no backend servers. Just open Scribbler and start coding. With Scribbler, you can: * Run JavaScript code instantly in a clean, distraction-free interface * Create notebooks that blend explanations with live code and outputs * Load ES6 modules and libraries dynamically for advanced projects * Share or host notebooks easily — no server setup required Scribbler takes inspiration from Python’s Jupyter Notebook but is built purely with frontend technologies, making it lightweight, flexible, and easy to use anywhere. Whether you’re experimenting with algorithms, building dashboards, or teaching JavaScript fundamentals, Scribbler provides a powerful yet beginner-friendly coding playground. 👉 Try it now: https://app.scribbler.live 👉 Learn more: https://scribbler.live
Key Features
Zero-setup, Browser Execution
Run JavaScript, HTML and CSS instantly in the browser with no Node/npm/server required — just open the app and start coding.
Notebook-style Cells (Code & Docs)
Create and mix code cells and doc (Markdown) cells so you can combine explanations, examples and live outputs in the same notebook.
Dynamic ES6 Modules & CDN Libraries
Load third-party ES6 libraries or modules on the fly from CDNs for advanced experiments (e.g., Plotly, tensorflow.js).
Share, Export & GitHub Integration
Download and upload notebooks (.jsnb), export notebooks or outputs as HTML, and push/pull notebooks to/from GitHub for sharing or hosting.
Lightweight & Device Agnostic
Minimal responsive UI that works across modern browsers and devices — suitable for quick prototyping and mobile-friendly experiments.
How to Use Scribbler
1) Open the app: go to https://app.scribbler.live — no login or install required. 2) Add cells: use the + button to insert code or doc cells (toggle cell type in the cell menu). 3) Run code: press the play ► button on a cell or use Cmd/Ctrl+Enter to execute — outputs appear below the cell. 4) Extend & share: import ES6 libraries from CDNs in your code, save/download the notebook (.jsnb) or export as HTML, or push/pull notebooks via the GitHub integration for sharing.