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.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
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. -
2
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. -
3
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. -
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. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
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. -
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
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. -
8
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. -
9
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. -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
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. -
11
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. -
12
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. -
13
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! -
14
interactive-examples
Home of the MDN live code editor interactive examples
Home of the MDN interactive code examples. The dynamically generated pages, their dependencies, and assets are generated to the prod branch. -
15
WebEditorWeb
Code editor in single HTML file
Code editor 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 wew.html file in the last lines. * WebEditorWeb use CodeMirror components in code editor. -
16
Neiki's Page Editor
Visual HTML page editor that renders real HTML and CSS
Neiki's Page Editor is a lightweight visual page and CMS editor built with pure JavaScript and zero dependencies. It transforms any container into a complete editing environment with accurate HTML and CSS rendering inside an isolated iframe, ensuring pages look exactly as they will in a real browser. The editor includes a modern toolbar, source code view, image and table editing, drag-and-drop tools, autosave, fullscreen mode, localization, and five built-in themes. It supports full HTML documents, external stylesheets, custom CSS, database integration through async load/save handlers, editable regions, plugins, and built-in sanitization with an optional PHP helper for server-side security. Perfect for CMS platforms, website builders, admin panels, and custom web applications that require a lightweight, dependency-free visual editor. -
17
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. -
18
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 -
19
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 == -
20
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 -
21
Neiki's Code Editor
Lightweight embeddable code editor Web Component with syntax highlight
Neiki's Code Editor is a lightweight embeddable code editor built as a native Web Component using vanilla JavaScript. It runs without dependencies or build tools and can be dropped into any website via a single script tag. The editor provides a modern development experience with syntax highlighting, themes, line numbers, search, auto-indentation, and fullscreen support. Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages including JavaScript, HTML, CSS, JSON, and Markdown. It is fully customizable through attributes, CSS variables, and a simple JavaScript API, making it suitable for documentation, demos, and embedded development tools. -
22
wfCodeEditor
A simple portable Code Editor for any language
A simple portable Code Editor for any language. Signed application. View a preview of features here - https://wyntonfranklin.github.io/wfcodeeditor/ Embeded snippets for various languages Add your snippets Add your task wfTutorials right at your fingertips Feature a dark mode Portable Simple Command line interface Works with various languages (PHP, JAVA, Javascript, Python) -
23
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. -
24
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.
-
25
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/установка.букв
