Guide to the browser-based IDE with 53 programming languages, 10 editor themes, 45 keyboard commands, Vim mode, Emmet support, AI code assistance, and instant sharing — all running securely in your browser.
Last updated: March 2026
Select from 53 programming languages including JavaScript, TypeScript, Python, Java, C++, Go, Rust, Ruby, PHP, Swift, Kotlin, C#, and many more. Each language comes with proper syntax highlighting, language-aware auto-completion, and appropriate formatting rules. The language selector is searchable for quick access.
Write code in a full-featured editor powered by CodeMirror with syntax highlighting, intelligent auto-completion, bracket matching, line numbers, code folding, and find/replace (Ctrl+H). Enable Vim mode for full Normal, Insert, and Visual mode keybindings. Use Emmet for rapid HTML/CSS expansion. The AI Assist panel provides inline code suggestions and explanations.
Execute code directly in your browser's sandboxed environment — nothing is uploaded to servers. Use Ctrl+Enter to run instantly, Ctrl+S to format, and Ctrl+/ to toggle comments. Generate shareable links that preserve your code, selected language, and theme settings so colleagues can view and edit your snippets with one click.
Full syntax highlighting for every language. The 6 marked with a lightning bolt are directly executable in the browser.
Each theme defines 40+ color tokens for every UI surface with full CodeMirror syntax highlighting integration.
Run JavaScript, TypeScript, Python, HTML, SQL, and Lua directly in the browser with real-time console output.
Full CodeMirror syntax highlighting for all 53 languages with bracket pair colorization and indent guides.
Toggle Vim keybindings for a keyboard-centric editing experience with full modal editing support.
Powerful search across files with regex support, find in files sidebar, and go-to-line navigation.
Split the editor horizontally or vertically into up to 3 groups with drag-and-drop tab reordering.
Create, rename, and organize files and folders in a virtual workspace with localStorage persistence.
Built-in AI panel for code generation, explanation, refactoring, and debugging with streaming responses.
VS Code-style minimap for quick navigation through large files with click-to-scroll.
Ctrl+Shift+P to access 45 commands across 5 categories: run, editor, file, view, and settings.
Emmet abbreviation expansion for HTML/CSS and Prettier-style formatting for JS, TS, HTML, JSON, CSS, YAML, and XML.
Quick-start with pre-built templates for HTML+CSS+JS, Python, Node.js, and more project types.
Fully responsive layout with mobile-optimized activity bar, panels, and modals for coding on any device.
Open the Command Palette with Ctrl+Shift+P to access every command with fuzzy search.
Execute code, Clear console
Format, Find, Go to Definition, Multi-cursor, Fold/Unfold
Save snippet, Download, Share, Quick Open, Templates
Split editor, Toggle sidebar/panel, Show terminal, Shortcuts
Toggle Vim/theme/word-wrap, Font size
The IDE is built as a fully decomposed modular system, with each module covered by its own tests.
CSS Grid with activity bar, sidebar, editor area, bottom panel, and status bar.
Decomposed into focused modules with clean separation of concerns.
Python, SQL, and Lua run in isolated Web Workers for non-blocking execution.
10 themes with 40+ color tokens each, mapped to CodeMirror syntax highlighting.
Code runs in sandboxed iframes and workers for safe, isolated execution.
Dynamic imports and code splitting keep the initial bundle size minimal.
ai AI Assist panel, code block, result renderer commands Command palette, Quick Open, Go to Line editor Editor groups, tabs, minimap, breadcrumbs extensions Bracket colors, indent guides language Language data and editor extensions layout IDE layout shell, activity bar, sidebar, panels modals Shortcuts, workspace templates, QR code output Console, problems, SQL table output panels Settings, theme picker, external libs, history shared Context menu, file icons, language colors sidebar File explorer, outline view, search view terminal Terminal emulator panel toolbar Playground toolbar, language selector, snippets
Every action is accessible via keyboard. Core shortcuts include: