Open Source JavaScript Code Editors
Sort By:
JavaScript Code Editors
View 102 business solutionsBrowse free open source JavaScript Code Editors and projects below. Use the toggles on the left to filter open source JavaScript Code Editors by OS, license, language, programming language, and project status.
-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
VSCodium
binary releases of VS Code without MS branding/telemetry/licensing
Microsoft’s vscode source code is open source (MIT-licensed), but the product available for download (Visual Studio Code) is licensed under this not-FLOSS license and contains telemetry/tracking. The VSCodium project exists so that you don’t have to download+build from source. This project includes special build scripts that clone Microsoft’s vscode repo, run the build commands, and upload the resulting binaries for you to GitHub releases. These binaries are licensed under the MIT license. Telemetry is disabled. If you want to build from source yourself, head over to Microsoft’s vscode repo and follow their instructions. VSCodium exists to make it easier to get the latest version of MIT-licensed VSCode. Please note that some Visual Studio Code extensions have licenses that restrict their use to the official Visual Studio Code builds and therefore do not work with VSCodium. -
2
Blockly
The web-based visual programming editor
The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. From a user's perspective, Blockly is an intuitive, visual way to build code. From a developer's perspective, Blockly is a ready-made UI for creating a visual language that emits syntactically correct user-generated code. Blockly can export blocks to many programming languages. -
3
Acode
A powerful text/code editor for Android
Welcome to Acode Editor, a powerful and versatile code editing tool designed specifically for Android devices. Whether you're working on HTML, CSS, JavaScript, or other programming languages, Acode empowers you to code on-the-go with confidence. Step into the future of coding with our innovative plugin system. This all-new feature is compatible with a wide range of plugins, increasing Acode's functionality to meet all your development needs. With over 30 plugins already available in the plugin store, the possibilities are endless. Acode lets you build and run websites right in your browser, debug with ease using the built-in console, and edit a wide range of source files from Python and CSS to Java, JavaScript, Dart, and more. -
4
Swagger Editor
An editor designed for Swagger
Swagger Editor lets you edit Swagger API specifications in YAML inside your browser and to preview documentations in real time. Valid Swagger JSON descriptions can then be generated and used with the full Swagger tooling (code generation, documentation, etc). swagger-editor is a traditional npm module intended for use in single-page applications that are capable of resolving dependencies (via Webpack, Browserify, etc). swagger-editor-dist is a dependency-free module that includes everything you need to serve Swagger Editor in a server-side project, or a web project that can't resolve npm module dependencies. If you're building a single-page application, using swagger-editor is strongly recommended, since swagger-editor-dist is significantly larger. -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
5
Phoenix Code Editor
Phoenix is a modern open-source Code Editor for the web
Phoenix is a modern open-source and free software code editor for the web, built for the browser. -
6
VvvebJs
Drag and drop website builder javascript library
Drag and drop website builder javascript library. Components and blocks/snippets drag and drop. Undo/Redo operations. One or two panels interface. File manager and component hierarchy navigation. Add a new page. Live code editor. Image upload with example PHP script included. Page download or export HTML or save the page on the server with example PHP script included. Components/Blocks list search. Bootstrap 4 components. Youtube, Google maps, Charts.js, etc widgets. By default, the editor comes with Bootstrap 4 and Widgets components and can be extended with any kind of components and inputs. -
7
CodeMirror
A versatile in-browser code editor
CodeMirror is a versatile in-browser code editor implemented in JavaScript. Made specifically for editing code, it comes with more than a hundred language modes and numerous addons for more advanced code editing functionality. CodeMirror comes with several useful features, including autocompletion, code folding, configurable key bindings, Linter integration and many more. It supports the standard desktop versions of the following browsers: Firefox, Chrome, Safari, Opera and Internet Explorer/ Edge. If you would like to customize CodeMirror to better suit your application and add new functionality, there's a rich programming API and a CSS theming system available for you. -
8
Monaco Editor
A browser based code editor
Monaco Editor is the rich, browser-based code editor that powers Visual Studio Code, providing advanced editing capabilities as a standalone embeddable library for web applications. Models are at the heart of Monaco editor. It's what you interact with when managing content. A model represents a file that has been opened. This could represent a file that exists on a file system, but it doesn't have to. For example, the model holds the text content, determines the language of the content, and tracks the edit history of the content. An editor is a user facing view of the model. This is what gets attached to the DOM and what your users see visually. Typical editor operations are displaying a model, managing the view state, or executing actions or commands. -
9
UIkit
Lightweight modular front-end framework for developing web interfaces
A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit will work on pretty much any modern browser. Using UIkit works best if you have a solid code editor, for example Sublime Text or Atom. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup. To use UIkit's CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components. When you have installed UIkit with Less sources, you can compile it and add your own custom theme. Less is the language that the UIkit styles are written in. This allows you to include customizations in the build process, rather than manually overwriting a lot of CSS rules by hand. -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
Ct.js
Ct.js is a desktop game engine that makes learning programming fun
ct.js makes learning programming fun and game development easy by its visual tools, good docs and flexible, modular library. It is free, open-source, and is loved by hobbyists, professionals, teachers, and their students. Bad tools hinder your performance. Ct.js is designed to be like a brush with which you create games, not to be an enemy you will fight with. ct.js bundles come with offline docs, tutorials, and editable examples and demos. The code editor highlights errors and provides documentation right while writing your code. ct.js is based on Pixi.js, works on WebGL and provides great performance in browsers and desktop environments. Modules add new powers, and when ct.js is not enough, you can add any JS code or library. A small stylized adventure with AI-powered sea battles, violent environment, and little puzzle sections. Join the voyage to save a colony from a deadly disease! -
11
Ace Editor
Ace (Ajax.org Cloud9 Editor)
Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project. -
12
WideW - WebIDEWeb
Web IDE in single HTML file
IDE written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the widew.html file in the last lines. * Widew use CodeMirror components in code editor. URLs: https://soluc.org/widew https://widew.sourceforge.io -
13
Drception
Fractals generator with powerful functionality.
Fractals generator with powerful functionality. E-mail: programmingspecial@gmail.com -
14
SQLite Editor & Compiler
SQLite Editor and Compiler for PC, macOS and Linux
A valuable SQLite editor for your PC, Mac OS and Linux with a useful button to compile the code sql for immediate preview of tables, columns and values. == OS requirements to this installation == - macOS 10.9 and later are supported, older operating systems are not supported (and do not work). - Windows 7 and later are supported, older operating systems are not supported (and do not work). Both x86 and amd64 (x64) binaries are provided for Windows. Please note, the ARM version of Windows is not supported for now. - Ubuntu 12.04 and later and again Fedora 21 and Debian 8 are supported Both ia32 and x64 binaries are provided for Linux ==================== Get your Android App - https://play.google.com/store/apps/details?id=com.ulm.sqleditordroid ==================== == Browser Extensions == Chrome extension: http://bit.ly/1O4g1u0 == Windows app: http://amzn.to/2uor6ao == -
15
sfxPackager
Setup / install creation system for Windows.
(NOW PRIMARILY HOSTED ON GITHUB @ https://www.github.com/keelanstuart/sfxPackager) Youtube video tutorials for sfxPackager: https://youtube.com/playlist?list=PLaed72lE3UjgzdL1qOys-vxemSUOeGJWf sfxPackager allows you to create setup / install packages for Windows, with a user-friendly, project-based GUI and integrated Javascript interpreter featuring an extensive API for handling more complex install tasks. User's Guide: https://docs.google.com/presentation/d/e/2PACX-1vRAVGjiJbSYUrOWB8jEzqG7hMwVbZqvCiAbVmOeL25hoEmN909H-BtGjEawmTMZLta5qHfhGydWDqQd/pub -
16
CodeFlask
A micro code-editor for awesome web pages
A micro code-editor for awesome web pages. This API is simply a proxy to add a new language to Prism itself (the code highlighter). The options parameter must be the same accepted in Prism. By default, CodeFlask comes with a simple theme made from scratch called CodeNoon. You can easily override this theme with your own by writing your own CSS and adding it to your project. If that's the case, you should also disable CodeNoon with the defaultTheme option. -
17
CodeMirror 5
In-browser code editor (version 5, legacy)
CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality. A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality. CodeMirror 5 is a JavaScript library that provides an embeddable code editor for web applications, featuring customizable syntax highlighting and multiple language support. -
18
CodePress is web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it's being typed in the browser.
-
19
Deodar
Dual panel sophisticated file manager and editor for programmers
Norton commander style, native Linux file manager and sophisticated editor. Whole app is aimed at developing source code. It is supposed to be your terminal and file manager and source code editor all together integrated in a really cool way. Written in JavaScript, Node.js and npm based, thus extremely configurable and scriptable. This program is for true geeks. It is neither terminal program nor traditional gui. It has terminal client built in. Easy switch between panels and terminal and text editor and hex viewer. It's developed by a single person so far therefore any help is appreciated, spread the word, localize, write docs, add features. Installation instructions are here: https://github.com/exebook/deodar/blob/master/установка.букв -
20
FireTeX: LaTeX Editor and Compiler
Edit Your files LaTeX and tex
FireTeX, web based LaTeX editor complete, is a powerful, intuitive and stocked with useful functions for exporting the results in three useful formats. An editor with LaTeX compiler, highlight code, advanced search / replace and filesystem API HTML5. ======== Android app available on Play Store > https://play.google.com/store/apps/details?id=com.ulmdesign.ulmtex ======== Update 30.06.2017 Windows 7 and later and macOS 10.9 and later are supported. == Browser Extensions == Add-on Opera: http://bit.ly/1o5CJ0d Chrome extension: http://bit.ly/2f7kZzJ == Installation == Download and open zip archive in your macOS. Then extract file and move Firetex.app in your Applications folder of your Mac. Finally open application with double click to start to work -
21
Judge0 IDE
Simple, free and open-source online code editor
Judge0 IDE is a free and open-source online code editor that allows you to write and execute code from a rich set of languages. It's perfect for anybody who just wants to quickly write and run some code without opening a full-featured IDE on their computer. Moreover, it is also useful for teaching and learning or just trying out a new language. -
22
LaraAdmin
Open Source Laravel Admin Panel
LaraAdmin is a multi-purpose, open source Laravel Admin Panel / CMS that can be used to build an Admin Backend, Data Management Tool or CRM boilerplate for Laravel. It offers a complete set of utilities and features, including Advanced CRUD Generation, Module Manager, Schema Manager, Backups and Workflows. LaraAdmin controls your Models, Data and their Role Permissions without touching any code at all, saving you time and effort and allowing you to focus on Data representation rather than Data Handling. It's got a modular architecture that makes Data management a breeze; generates CRUD methods and views which are very easy to customize; and is very easy to install-- all it takes is one command. -
23
PHP Navigator is an Explorer style web based AJAX file manager. Easy to install and configure. Now with multi user support! WYSIWYG Editor, Code editor with syntax highlighter, Thumbnail view, Zip handling etc... Now upload, manage and edit your files.
-
24
QPyDesk
Code editor and real-time QR code generator for QPython
QPyDesk is a code editor, and real-time QR code generator for QPython. It is a Python code editor with syntax highlighting that also generates the QR code that represents said code in real time. This application also allows you to print the generated QR code to distribute the created application. However, because QR codes have a limited storage capacity, if the code is very long, QPyDesk creates a QR code that is only valid while the application is running, that is, the QR code generated in this case is useless for distribute the application, but it is still useful to check the operation of the script while it is encoded from the computer. When these circumstances occur, QPyDesk notifies the user and disables the print button. QPyDesk gives dynamism during the development of applications for QPython / Android, since it takes advantage of the QPython QR code reader to work comfortably from the computer for the android device. -
25
Original code by Danie Linsley : http://danielinsley.com/entries/general/tinymce-syntax-highlighted-code-editor It is a useful plugin for TinyMCE (WYSIWYG HTML editor) that adds up the ability to color your code. Here is the french localization.
