Latest version: 4.7.0, last published: a year ago. Start using @monaco-editor/react in your project by running `npm i @monaco-editor/react`. There are 1528 other projects in the npm registry using @monaco-editor/react.

Monaco Editor for React. Latest version: 0.59.0, last published: 8 months ago. Start using react-monaco-editor in your project by running `npm i react-monaco-editor`. There are 325 other projects in the npm registry using react-monaco-editor.

The index of Microsoft GitHub repositories that are open source has been relocated to https://opensource.microsoft.com

Providers provide smart editor features. For example, this includes completion and hover information. It is not the same as, but often maps to language server protocol features. Providers work on models. Some smart features depends on the file URI. For example, for TypeScript to resolve imports, or for JSON IntelliSense to determine which JSON schema to apply to which model. So it's important to choose proper model URIs. Many Monaco related objects often implement the .dispose() method.

January 19, 2025 - Latest version: 3.6.1, last published: a year ago. Start using @uiw/react-monacoeditor in your project by running `npm i @uiw/react-monacoeditor`. There are 3 other projects in the npm registry using @uiw/react-monacoeditor.

June 4, 2024 - The react-monaco-editor provides a powerful and efficient editor component with syntax highlighting, autocompletion, and a range of other useful features. Visit https://logrocket.com/signup/ to get an app ID · Install LogRocket via npm or script ...

January 14, 2026 - Start using @typefox/monaco-editor-react in your project by running `npm i @typefox/monaco-editor-react`. There are 6 other projects in the npm registry using @typefox/monaco-ed...

Monaco editor wrapper for easy integration with React applications

January 29, 2026 - The primary Monaco Editor React component providing full code editing capabilities with syntax highlighting, IntelliSense, autocomplete, and advanced editing features for any programming language.

Comparing trends for react-monaco-editor 0.59.0 which has 163,178 weekly downloads and 4,104 GitHub stars.

Monaco editor for React.. Latest version: 1.0.4, last published: 2 years ago. Start using dt-react-monaco-editor in your project by running `npm i dt-react-monaco-editor`. There are no other projects in the npm registry using dt-react-monaco-editor.

February 12, 2026 - Start using @codingame/monaco-editor-react in your project by running `npm i @codingame/monaco-editor-react`. There are 4 other projects in the npm registry using @codingame/monaco-editor-react.

Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

Start using @opencreaters/monaco-editor-react in your project by running `npm i @opencreaters/monaco-editor-react`. There are 2 other projects in the npm registry using @opencreaters/monaco-editor-react.

@liveblocks-examples/nextjs-yjs-monacoThis example shows how to build a collaborative code editor with Liveblocks, Yjs, Monaco, and Next.js. ... AboutMonaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins3,119,936Weekly Downloads

Installation · Introduction · ... / Playground · Props · Editor · Diff Editor · npm install @monaco-editor/react # or @monaco-editor/react@next for React v19 ·...

The easiest way to use the react-monaco-editor with create-react-app is to use the react-app-rewired project. For setting it up, the following steps are required: Install react-app-rewired: npm install -D react-app-rewired

AboutMonaco Editor for React251,768Weekly Downloads · Latest version0.59.0 · LicenseMIT · External Links · github.com/react-monaco-editor/react-monaco-editor · github.com/react-monaco-editor/react-monaco-editor · github.com/react-monaco-editor/react-monaco-editor/issues ·

Monaco has named exports, so use something like: import { languages, editor } from "monaco-editor/esm/vs/editor/editor.api";. This imports the two namespaces languages and editor. The module react-monaco exports MonacoEditor, not Editor.