Open-source alternatives to Monaco Editor

CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow

CodeMirror is a browser-based code editor and extensible text editor framework. It functions as a programmable interface for rendering code and text with support for numerous programming languages, serving as a reusable component for web-based integrated development environments. The project provides a syntax highlighting engine that applies visual styles to text based on programming language rules. It includes a programming API and a CSS theming system to customize the editor's appearance and extend its functionality with custom behaviors. The framework covers capabilities for embedding tex

Helix is a terminal-based modal text editor designed for efficient code manipulation and navigation. It centers on a selection-first editing model, where operations are performed on active ranges rather than individual cursor positions, allowing for precise control over text and code structures. The editor distinguishes itself through deep integration with structural parsing and language intelligence. By utilizing an incremental parsing library, it builds concrete syntax trees that enable advanced features like structural code navigation, intelligent indentation, and syntax-aware text object

Laf is a serverless backend platform that provides an integrated environment for cloud functions, a document database, and file storage. It serves as a complete infrastructure for developing and deploying backend logic, data persistence, and real-time communication without the need for manual server management. The platform features a browser-based IDE that allows developers to write, test, and deploy serverless functions directly within a web editor, removing the requirement for local environment setup. It also includes a WebSocket communication platform for maintaining persistent bidirectio

Phoenix is a comprehensive web development suite that provides a browser-based code editor, an AI-powered coding assistant, and a live web previewer. It integrates a visual Markdown document editor and a web-based Git client, allowing users to write and manage HTML, CSS, and JavaScript across different devices and platforms. The environment features a visual UI design system that maps canvas manipulations directly to code and enables in-place CSS editing. It supports real-time change previews and responsive layout testing across multiple device breakpoints to verify rendering on phones, table

CodeMirror 5 is a browser-based code editor and extensible UI component. It functions as a syntax highlighting engine and a programmable text surface, providing a professional coding experience embedded within web pages. The project is distinguished by its ability to act as a collaborative text editor, synchronizing document changes across multiple users in real time. It also includes a dedicated Vim emulation layer that implements modal keyboard interactions, motions, and operators. The system covers broad capability areas including language support for autocompletion and error analysis, co

github1s is a web-based repository browser that renders GitHub source code within a VS Code-like editor interface. It enables remote repository exploration and online code browsing, allowing users to navigate files and directory structures without cloning projects to a local machine. The project integrates with cloud development environments to bridge the gap between reading code and active editing. It also features an authentication system using local OAuth tokens to access private repositories and extend API rate limits. The platform provides capabilities for repository code search and use

Mermaid Live Editor is a browser-based tool for editing and previewing Mermaid diagrams in real time. It renders diagrams entirely on the client side using the Mermaid library, with no server round-trips required, and provides a debounced live preview that updates the rendered output as you type. The editor supports sharing diagrams through URLs that encode the entire editor state, allowing instant restoration of a diagram. These links can open either a read-only viewer for lightweight display or an editable editor for collaborative modification. Diagrams can also be exported as SVG files via

This project is a browser-based JavaScript library that transforms standard web elements into inline, WYSIWYG rich text editing areas. It functions as a programmatic wrapper around the native browser content-editable attribute, providing a structured interface for managing text input, media embedding, and document formatting directly within existing page layouts. The editor is distinguished by its contextual floating toolbar, which dynamically appears based on user text selection to provide relevant formatting options. It utilizes a plugin-based architecture that allows developers to inject c

This project is a cloud-based web IDE and development workspace that provides a professional code editor and execution environments directly within the browser. It functions as a browser-based code execution engine for rapid prototyping and a scalable cloud workspace for managing repositories and writing code without local environment configuration. The system features secure sandboxing for isolated development, allowing untrusted or experimental code to run in separated virtual environments. It supports both client-side execution via browser-based bundling and server-side execution through a

pad.ws is a web-based development environment that integrates a code editor and terminal with a shared visual canvas for sketching. It functions as a remote development environment and a collaborative visual programming space where teams can map out architectural concepts and write code within a single interface. The project bridges the gap between design and execution by combining a digital whiteboard with a cloud development environment. This allows users to perform visual software planning and technical ideation by linking sketches on an interactive canvas directly to the implementation co

This project is a Kubernetes-based cloud IDE platform that provisions and manages containerized development environments accessible via a web browser. It functions as a multi-tenant developer platform, enabling teams to launch standardized workspaces directly from Git repositories. The platform implements development environments as code, using declarative YAML configurations and DevContainer-compatible specifications to define toolsets, IDE settings, and runtime dependencies. This ensures repeatable setups through reusable environment templates and standardized workspace stacks, allowing for

KodExplorer is a web-based file manager and remote server administration tool that provides a desktop-like interface for organizing and managing files in a browser. It functions as an enterprise file sharing platform and an online document previewer, allowing users to view hundreds of file formats without local software installations. The system is distinguished by a plugin-based API gateway that exposes RESTful endpoints for third-party integrations and custom functional extensions. It also includes a browser-based code editor with syntax highlighting and autocomplete for over 120 languages,

Zenpen is a browser-based text editor designed as a minimalist writing tool. It provides a distraction-free environment for composing and formatting plain text using Markdown syntax. The editor removes visual clutter and complex menus, replacing them with a streamlined interface to maintain creative flow. Formatting options for bold, italics, and hyperlinks are provided through a contextual menu that appears only when text is selected. Content is persisted locally using browser storage, allowing users to save their writing progress without requiring a remote account.

Theia is a modular framework designed for building professional-grade development environments that function as both local desktop applications and remote browser-based services. It provides a comprehensive toolkit for constructing specialized coding tools, allowing developers to assemble custom interfaces and backend logic through a flexible, contribution-based architecture. The platform distinguishes itself through a highly extensible workbench that supports the integration of existing third-party editor plugins and standard language servers. By utilizing a dependency injection container an

RoslynPad is a browser-based C# integrated development environment and interactive playground. It serves as a tool for writing and executing C# code snippets and scripts using the Roslyn compiler for immediate feedback. The environment features an integrated NuGet package manager that allows users to search for and load external .NET library assemblies into a live execution context. It functions as an in-process code executor to minimize startup latency and maintain state across script executions. The platform provides real-time semantic analysis and diagnostic feedback, offering code comple

bolt.new is an AI-powered full-stack web builder and browser-based IDE that generates, edits, and deploys web applications using natural language prompts. It functions as an AI-driven application orchestrator, managing the entire development lifecycle through a chat interface. The platform distinguishes itself by integrating a WebAssembly-based runtime and virtual terminal emulation directly in the browser. This allows an AI agent to execute tool calls, manage a virtual filesystem, install packages, and run servers without requiring a local development environment. The system covers a compre

The project is a web-based integrated development environment and online code execution platform built around the Monaco code editor. It provides a browser-based interface where users can write, edit, and execute source code across multiple programming languages without requiring local software installations. The application functions both as a standalone web interface and as an embeddable widget architecture. Through this component-based design, the editor and its dependencies can be mounted directly into external web pages to supply interactive programming environments and execution tools

GraphQL Playground is a web-based integrated development environment and API client for GraphQL. It functions as a request client, schema browser, and subscription tester, allowing users to execute queries and mutations while validating data responses. The project distinguishes itself through a dedicated subscription tester that maintains persistent connections for monitoring real-time data streams. It also includes the ability to share specific request states and headers via serialized URL snapshots for collaborative debugging. The environment covers schema exploration through interactive d

Bolt.diy is a browser-based integrated development environment designed for full-stack web application construction. It functions as an AI-powered development platform that automates project scaffolding, code generation, and application deployment directly within the browser. The platform distinguishes itself through a secure, isolated execution environment that runs development servers and package managers in a sandboxed container. It utilizes a provider-agnostic model abstraction, allowing users to connect multiple artificial intelligence services to power automated reasoning and code gener

Nuclio is a high-performance serverless framework designed for Kubernetes that automatically executes user functions when events arrive from HTTP endpoints, message queues, or streaming data platforms. It processes hundreds of thousands of events per second per function instance through efficient parallel workers, and can allocate functions to run on either CPU or GPU hardware to match workload requirements for data processing or machine learning tasks. The platform scales function instances down to zero when idle and wakes them on demand based on incoming event load, while providing an event

Gogs is a self-hosted Git service and collaborative code hosting platform. It functions as a version control manager that allows users to store and manage source code on their own infrastructure using SSH, HTTP, and HTTPS protocols. The platform distinguishes itself through comprehensive mirroring capabilities, acting as a tool to synchronize and mirror repositories and wikis from external hosting providers to a local instance. It is designed for secure, containerized deployment, supporting non-root user configurations to meet strict security requirements. Beyond basic hosting, it provides a

This project is a React wrapper for the Monaco Editor, providing a set of reusable interface components for embedding full-featured, browser-based code editors and side-by-side difference visualization tools. It enables the integration of a text editor with syntax highlighting and multi-language support directly into web applications. The library includes a dedicated code diff viewer that leverages the Monaco diff engine to visualize changes between two different versions of code snippets. It provides programmatic access to the underlying editor instances and manages the operational lifecycle

Micro is an extensible terminal text editor that supports mouse interaction and intuitive keyboard shortcuts for editing files in a command line environment. It functions as a multi-cursor editor with syntax highlighting and a plugin system for adding custom functionality and automation scripts. The editor distinguishes itself through simultaneous editing across multiple cursors and a script-based extension system. It enables the automation of repetitive editing tasks via macro recording and playback of keystroke sequences. The project covers workspace management through split-screen panes a

You-need-to-know-css is a curated library of pre-written CSS code snippets for common frontend styling tasks including layout patterns, visual effects, animations, and component styling. It serves as a quick reference for developers looking to implement ready-to-use styling solutions without writing CSS from scratch. The collection is organized by visual effect or layout category, with each snippet presented on a standalone page that includes syntax-highlighted code, property documentation explaining the CSS rules and their values, and a live inline demo rendered inside an isolated iframe to

xi-editor is a high-performance text editor core written in Rust. It employs a client-server architecture that separates the backend editor logic from the user interface, allowing diverse frontends to communicate with the core via a standardized protocol. The project is distinguished by its use of rope-based text buffers for efficient manipulation of large documents and a collaborative engine powered by conflict-free replicated data types to synchronize concurrent edits. It further features an extensible plugin system that integrates external binaries and third-party tools through JSON-based

This project is an interactive coding education platform and learning management system designed to deliver programming lessons and technical challenges. It serves as a localized technical learning platform that provides a structured coding curriculum translated from English into Chinese. The platform features a web-based code editor that allows users to write and test programming exercises directly in the browser. It utilizes client-side validation to provide immediate feedback on code inputs and employs a localization mapping system to connect translated content to original exercise structu