A Floating Code Editor for Codeforces & Competitive Programming
CodeLab injects a powerful, floating Monaco editor directly into Codeforces problem pages. Write, run, and test your code without leaving the problem statement.
- Floating Editor: Resizable, draggable panel with Monaco Editor (VS Code experience).
- Run Sample Tests: Automatically parses sample inputs/outputs from the problem page.
- Wandbox Integration: Executes C++, Python, Java, and more in the cloud (No API key required).
- Theme Support: Switch between Light and Dark (VS Code Modern) themes.
- Language Persistence: Remembers your last used language.
- Keyboard Shortcuts: Toggle the panel with
Ctrl+Shift+L.
Install directly from the Chrome Web Store.
- Download the latest
chrome-mv3-prod.zipfrom Releases. - Unzip the file into a folder.
- Open Chrome and go to
chrome://extensions. - Enable Developer mode (top right).
- Click Load unpacked and select the unzipped folder.
- Go to any Codeforces problem page (e.g.,
https://codeforces.com/problemset/problem/1/A). - Press
Ctrl+Shift+Lor click the CodeLab floating button. - Write your solution.
- Click Run to test against sample cases.
- Plasmo Framework (React + TypeScript)
- Monaco Editor
- Wandbox API (for code execution)
MIT License