Awesome GitHub RepositoriesCode Editors

Monaco Editor is a web-based text editing component designed to provide advanced syntax highlighting, code completion, and language intelligence within browser environments. It functions as a reusable interface element that enables developers to integrate professional-grade coding experiences into web applications. The editor distinguishes itself through a native client for the Language Server Protocol, which connects the interface to external analysis tools for deep diagnostics and refactoring capabilities. It utilizes a memory-efficient, declarative text buffer to manage large documents and

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

Ace is a high-performance, browser-based code editor and JavaScript text editor component designed to be embedded into web applications. It functions as a feature-rich alternative to standard text areas, providing a syntax highlighting engine and support for multiple programming and markup languages. The editor is distinguished by its ability to handle large documents containing millions of lines while maintaining stable performance. It supports multi-cursor editing, allowing simultaneous modifications at multiple selection points across a document. The project covers a broad range of develo

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

monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to

Runestone is a web-based code editor component and rendering engine designed for browser-based text editing. It functions as a customizable interface that handles the visual representation of code, including line numbering, indentation, and line wrapping. The project features a rule-based syntax highlighting engine that applies colors to text ranges based on language grammar definitions. It also includes a regex-based text search engine that locates specific patterns and applies visual highlights to matching character offsets. The editor manages text input through automatic character pairing