Rapid JavaScript Prototyping in your Editor

Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type.

Quokka makes prototyping, learning, and testing JavaScript / TypeScript blazingly fast. By default no config is required, simply open a new quokka file and start experimenting. Focus on writing code instead of writing bespoke config files just to try a simple idea or learn a new language feature.

Unlike online REPL tools and standalone playgrounds, Quokka allows you to execute your code right in your editor allowing you to avoid context switching while benefiting from your familiar editor environment and editor extensions. You can also import and execute files and modules directly from your project.

Quokka 'Community' edition is free for everyone, brought to you with love by the Wallaby.js team. While working on our Wallaby.js product, our team faces thousands of complex scenarios related to instrumentation, and execution of JavaScript code. Quokka uses the same technology as Wallaby.js, making years of research and development available for free.

We offer a commercial 'Pro' edition that provides a number of additional advanced features, such as the ability to display and explore runtime values without having to modify your code. If you're a real JavaScript ninja and would like the same live-editing experience when writing your unit tests (and a whole lot more), then also check out Wallaby.js.

Live Execution and Results

Code runs immediately as you type, on unsaved changes; no need to do anything manually or switch context. Error messages are displayed right next to the code that caused them. Console logs and identifier expression values are displayed inline as well.

Live Coverage

Indicators in the gutter of your code editor are constantly updated in realtime to display code coverage so you can quickly see which lines of code are source of errors, which are fully covered, only partially covered or not covered at all.

Value Explorer

Value Explorer allows non-primitive runtime values to be viewed and explored in an easy-to-navigate real-time treeview. This feature is great for exploring larger objects and makes debugging easier and faster. Opened paths / values can be copied directly to the clipboard.

Live Comments and Values

Show and copy expression values with editor commands, accessible using keyboard shortcuts. A special comment format can also be used to evaluate any expressions and includes the ability to measure code execution times.

Project Files Import

Import any files from your project into your Quokka file. Quokka will watch project files for changes and automatically update when dependent files change. Babel or TypeScript may be used for imported files compilation.

Quick Package Install

Quickly install any node package, without switching away from your editor, even without having to type the package name. When you install a package, choose whether to install it just for the active quokka session or for your entire project.

130,000+ individual users and companies all over the world have increased their productivity and output by using Quokka.js.