Open Source JavaScript Code Editors
Sort By:
JavaScript Code Editors
View 103 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
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
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. -
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
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. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
5
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. -
6
Phoenix Code
Windows, Mac and Linux Desktop builds of Phoenix Code Editor
Phoenix Code is an open-source project that provides desktop builds of the Phoenix Code Editor for Windows, macOS, and Linux. It brings the web-focused editing experience of Phoenix into a locally installed application. The editor is designed to simplify coding through an intuitive, lightweight interface that emphasizes accessibility and productivity. It focuses primarily on web development, with dedicated support for HTML, CSS, and JavaScript. Users can work with local projects, edit source files, and use development tools such as syntax highlighting, code completion, and live previews. Phoenix also supports extensions compatible with much of the Brackets ecosystem, allowing users to customize their workflow. The desktop project uses a Tauri-based application shell and provides a platform for integrating the editor with native operating system capabilities. -
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
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. -
Paessler - Monitor Your Whole Network in MinutesWaiting weeks for a monitoring rollout isn't an option when infrastructure doesn't stop running. PRTG's auto-discovery scans your network and suggests from over 200 pre-configured sensor types, so you're watching servers, applications and devices within minutes, not after a multi-week deployment. Enterprise-strength monitoring, without the enterprise complexity. Start your free trial today.
-
10
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. -
11
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! -
12
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. -
13
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. -
14
Audax Data Manager
The database manager that stays out of your way.
Audax Data Manager is the SQL Editor that's fast enough for a one-off query, and powerful enough for backups, performance tuning, and database design. Supports PostgreSQL, SQLite, Microsoft SQL Server, MySQL, MariaDB, and Oracle. Works on Linux, Windows and Mac. Explore and edit your data, write SQL queries with smart autocomplete, monitor database performance, run background backups and more! -
15
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.
-
16
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.
-
17
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. -
18
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. -
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
Drception
Fractals generator with powerful functionality.
Fractals generator with powerful functionality. E-mail: programmingspecial@gmail.com -
21
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 -
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
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. -
24
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. -
25
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.
