30 open-source projects similar to react-monaco-editor/react-monaco-editor, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Monaco Editor alternative.
react-ace is a React component wrapper for the Ace code editor, designed to embed feature-rich text editing and syntax highlighting into web applications. It provides a browser-based editor that applies language-specific coloring and formatting rules to source code and markup files. The project distinguishes itself through support for specialized keyboard interaction modes, including Vim and Emacs, as well as a side-by-side diff viewer for comparing different file versions. It also functions as a tool for code snippets and live autocompletions to accelerate text entry. The component covers a
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
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
Spyder is a scientific integrated development environment designed for scientific computing and interactive Python programming. It functions as a static analysis code editor and an interactive Python console, providing a specialized environment for writing and analyzing code for science and engineering. The platform distinguishes itself as an extensible development tool, utilizing a modular plugin architecture that allows for the addition of custom features or the embedding of core components into other software. It features a dedicated debugger and profiler for tracing code execution and mea
Upgrade Helper is a web-based comparison tool and developer migration guide designed for updating React Native projects to newer versions. It functions as a version diff visualizer that identifies the exact code changes required when moving between specific releases. The tool provides a checklist-style interface for tracking the progress of manual code updates. Users can visualize version differences and mark individual files as completed to maintain a record of remaining work during the migration process. The platform covers a range of mobile app maintenance needs, including React Native de
Delta is a command-line pager that enhances the readability of terminal output by applying syntax highlighting and structured formatting to text streams. It functions as a specialized interface for version control systems, transforming standard output into color-coded, human-readable views. The tool distinguishes itself through its ability to render side-by-side diff comparisons and visualize merge conflicts with clear, semantic highlighting. It dynamically calculates column widths and text alignment to fit complex file comparisons within the constraints of a terminal window, while allowing u
GraphQL Editor is a collaborative workspace platform for designing, editing, and managing GraphQL schemas. It provides an interactive graph-based visual editor that lets teams create and explore schemas without writing code, alongside a full-featured Monaco text IDE with real-time syntax validation. The platform supports AI-powered schema generation from natural language prompts, federated schema composition that visualizes type merging across subgraphs, and AST-level schema comparison that highlights structural differences between versions. The platform distinguishes itself through its bidir
icdiff is a command line text analyzer and side-by-side diff tool. It serves as a visual comparison utility that identifies modifications between two text files and renders them in a colored two-column layout within the terminal. The tool functions as a version control diff provider, allowing users to replace default difference engines with a side-by-side format. It utilizes ANSI color codes to highlight character-level changes, providing a visual method for terminal-based code review and text analysis. The system handles difference computation through line-based analysis and dynamic column
Sandpack is a browser-based toolkit for building live code editing experiences. It combines a custom Node.js runtime that executes JavaScript and npm dependencies entirely client-side with composable React components for assembling code editor interfaces, all within an iframe-sandboxed execution environment for security. The toolkit provides a hot-reload development workflow where file and dependency updates are streamed to the running preview and trigger automatic recompilation without a full page refresh. It includes a theme-override styling system for customizing the editor and preview app
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
SourceGit is a cross-platform desktop Git GUI client and version control tool compatible with Windows, macOS, and Linux. It provides a graphical user interface for cloning, merging, and analyzing code changes, acting as a visual manager for Git repositories. The application includes an AI-powered commit generator to draft standardized commit messages and a pull request manager to initiate and manage merges across supported hosting services via web APIs. The software covers broad version control capabilities, including advanced operations such as interactive rebasing, cherry-picking, and subm
diff2html is a Git diff visualization library that transforms unified diff text into structured HTML. It serves as a renderer for visualizing code changes in web browsers, providing components to inject stylized diff visualizations and collapsible file lists directly into web page elements. The library enables both side-by-side and line-by-line code comparisons. It includes a syntax highlighting diff viewer that applies language-specific color coding to source code based on file extensions or manual mappings. To maintain alignment during reviews, the project implements synchronized scrolling
grv is a terminal-based version control client and interactive Git repository browser. It functions as a terminal user interface for browsing commit history, inspecting code differences, and managing branches and tags within Git repositories. The project distinguishes itself through a graphical commit graph visualizer that renders branching patterns and merge history directly in the terminal. It employs a tiled view layout engine and tabbed workspace management to display multiple repository perspectives simultaneously, supported by real-time filesystem monitoring to update the interface auto
opencode.nvim is a Neovim plugin that integrates large language model capabilities for code generation, refactoring, and automated diagnostic analysis. It connects the editor to local or remote AI servers to execute coding tasks and manage conversation history. The system features a side-by-side diff interface for reviewing and accepting AI-generated code changes and a prompt builder that injects real-time editor data, such as buffer contents and selections, into instructions. It also functions as an extension to explain code diagnostics and trigger editor actions via a backend server. The p
GitUp is a graphical user interface client and version control tool for managing Git repositories. It provides a visual environment for browsing repository content, editing history, and performing version control operations. The application features an interactive commit graph visualizer for navigating branching and merging history. It includes a dedicated history editor that allows for the visual manipulation of the project timeline, including the ability to reorder, split, and roll back commits. The tool covers diff analysis through side-by-side file comparisons and high-speed content sear
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
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
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
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
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
usehooks-ts is a comprehensive collection of reusable TypeScript-based hooks designed for managing state, DOM events, and browser API interactions within React applications. It provides a typed library of functions to handle common frontend patterns and side effects. The project distinguishes itself by offering specialized hooks for browser integration, including tools for interacting with the system clipboard, managing local and session storage persistence, and loading external scripts. It also includes utilities for responsive UI development, such as tracking media queries, window dimension
Judge0 is an online code execution engine and multi-language compiler API designed to compile and run source code within isolated sandboxes. It functions as an asynchronous job processor that handles code submissions via a queue and provides a secure environment to run arbitrary programs while preventing unauthorized system access. The system distinguishes itself through a multi-stage compilation pipeline and a flexible execution model that supports both single-file submissions and multi-file program execution via archives. It employs an isolate-based sandboxing mechanism to enforce strict ha
JSON Editor is a schema-driven UI framework and web-based editor used to generate interactive forms and validate JSON data. It translates JSON Schema specifications into a hierarchy of HTML form elements, allowing users to manipulate complex JSON structures through a structured interface rather than raw text. The framework differentiates itself through a plugin-based extension system that supports custom resolver functions and the integration of specialized editors, such as WYSIWYG, Markdown, and syntax-highlighted code editors. It employs recursive schema resolution to handle nested definiti
This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types. The editor features a customizable toolbar interface for managing text alignment, lists, and media embeds. It includes a specialized input system for inserting emojis, hashtags, and user mentions as single deletable units. The project provides capabilities for transforming internal editor state into HTML, JSON, or Markdown form
Lapce is a high-performance text editor built with Rust that utilizes hardware acceleration for fast rendering and responsiveness. It functions as a modal text editor with Vim-style keybindings to minimize hand movement, an LSP client for language intelligence, and a remote development environment for editing files and executing code on distant servers. The editor features an extensible architecture based on the WebAssembly System Interface, allowing it to execute plugins compiled to WASI for cross-language functionality. It further distinguishes itself by implementing the Debug Adapter Proto
Notepads is a minimalist text editor for Windows that renders its interface directly through native Win32 API calls, without relying on cross-platform toolkits. It is built around a single-instance document model where each open file is managed as an independent object with its own undo history and state, organized through a tab-based interface with keyboard-driven navigation. The editor distinguishes itself by supporting bidirectional text flow, allowing users to toggle paragraph direction between left-to-right and right-to-left. It also includes a real-time Markdown live preview that displa
This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides components for building content carousels and sliders that support horizontal or vertical navigation via touch, mouse swipe gestures, and keyboard inputs. The library includes a virtualized slider component that renders only visible views to maintain performance with large content sets. It supports specialized visual behaviors such as three-dimensional coverflow transitions, circular navigation for infinite looping, and edge resistance effects when reaching the boundaries of a
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,
Vis is a terminal-based modal text editor that utilizes vi keybindings and a system of structural regular expressions. It functions as a scriptable environment where Lua is used for configuration, custom key mappings, and plugin development. The editor distinguishes itself through a syntax highlighting system based on Parsing Expression Grammars and a pattern matching engine that treats text as a structure for complex search and replace operations. It also integrates directly with the system shell, allowing users to pipe text ranges to external commands and capture the resulting output. The
cc-haha is a cross-platform desktop agent and computer use framework that enables large language models to control local operating systems through screenshots, clicks, and keystrokes. It functions as an AI coding workbench and orchestration platform, allowing for the management of multi-project workflows and the coordination of multiple agents executing complex tasks in parallel. The system includes a model backend gateway to connect various artificial intelligence providers and local models to autonomous agents. It features a centralized permission gate for authorizing sensitive commands and