Write and edit code in a fast, VS Code-style editor right in your browser. Open several files in tabs, get syntax highlighting for more than 50 languages, search and replace, and pick up where you left off: everything is saved in this browser automatically.
Last updated:
Loading the code editor…
1
Ln 1, Col 1Saved in this browser
Tip: drop files onto the editor to open them. Double-click a tab to rename it; the language follows the file extension. Press F1 for the command palette.
Advertisement
Advertisement
How to use the Online Code Editor
Start typing in the sample files, or click New file (or +) to open an empty tab.
Open your own files with Open files or by dragging them onto the editor. The language is picked from the file extension; change it with the Language menu.
Edit like in VS Code: Ctrl+F to find, Ctrl+H to replace, Alt+click for multiple cursors, Shift+Alt+F to format and F1 for every command.
Rename a tab by double-clicking it. Adjust the theme, font size, indentation, minimap and word wrap in the options row.
Save your work with Save file (Ctrl+S) or Download all (.zip). Your tabs are also kept in this browser for your next visit.
Keyboard shortcuts
The editor uses the same key bindings as Visual Studio Code. On a Mac, use ⌘ instead of Ctrl and ⌥ Option instead of Alt.
Shortcut
Action
Ctrl + S
Save the current file (to disk or as a download)
Ctrl + O
Open files from your computer
Alt + N
New file in a new tab
Ctrl + F / Ctrl + H
Find / find and replace (with regex, match case and whole word)
Shift + Alt + F
Format the document
F1 or Ctrl + Shift + P
Command palette with every editor command
Ctrl + G
Go to line
Ctrl + D
Select the next occurrence of the current word (add a cursor)
Alt + click
Add another cursor
Alt + ↑ / ↓
Move the current line up or down
Shift + Alt + ↓
Duplicate the current line
Ctrl + /
Toggle line comment
Ctrl + Shift + [ / ]
Fold / unfold the current block
Ctrl + Space
Show suggestions
How autosave and files work
Each tab is stored in your browser's localStorage about half a second after you stop typing, together with which tab was open. The status bar shows Saved in this browser when that succeeded. Storage is tied to this browser profile on this device: it does not sync to other computers, and private windows forget it when they close. A dot on a tab means the file changed since you opened it or last saved it to disk.
When you open files in Chrome or Edge, the editor uses the File System Access API, so Save file can write straight back to the original file after you grant permission. That link lasts until you reload the page. In other browsers, saving downloads a copy, and Download all (.zip) packs every tab into one archive with its file name.
Tips
Change the language by renaming: rename untitled-1.txt to main.py and Python highlighting turns on. For a new untitled file, picking a language also changes its extension.
Use regex in Find: click the .* button in the find box. Replace supports capture groups such as $1.
Edit columns at once: hold Shift + Alt and drag to make a box selection across lines.
Compare two versions of a file with the Code Diff Checker, or turn a snippet into a shareable picture with Code to Image.
Frequently asked questions
Is this the same editor as Visual Studio Code?
It uses Monaco, the open-source editor component that Visual Studio Code is built on, so editing, shortcuts, highlighting, find/replace and the command palette work the same way. Extensions, a terminal, debugging and Git are part of the full VS Code app and are not included.
Which programming languages are supported?
Syntax highlighting covers more than 50 languages, including JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, SCSS, JSON, YAML, XML, Markdown, Shell, PowerShell, Dockerfile, Lua, R and Dart. JavaScript, TypeScript, JSON, HTML and CSS also get IntelliSense-style suggestions and error checking.
Where are my files saved?
Every tab is saved automatically in your browser's local storage on this device, so it is still there when you come back. Nothing is uploaded to a server. Clearing your browsing data or using a private window removes it, so save important files to disk.
Can I save changes back to the original file?
Yes, in Chrome and Edge on desktop. Files opened with Open files are linked to the original, and Save file (Ctrl+S) writes your changes back after you allow it. Other browsers download a copy instead.
Can I run my code here?
No. This is an editor, not a compiler or runtime. To see HTML, CSS and JavaScript working live, use the HTML Editor with live preview; for other languages, save the file and run it with your usual tools.
Is there a file size limit?
Files up to 5 MB can be opened. Browser local storage usually holds about 5 MB per site in total, so if the status bar says your work could not be saved, download your files and close tabs you no longer need.
Does it work on phones and tablets?
It works in modern mobile browsers, but code editing is much more comfortable with a physical keyboard. On small screens you may want to turn off the minimap and turn on word wrap.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.