# esm-dev/modern-monaco

A modern version of Monaco Editor.

Repository: https://github.com/esm-dev/modern-monaco
Canonical: https://ross.abutalabs.com/products/modern-monaco
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-08-06T16:33:05+00:00

## Health v2 (maintenance only)
Score: 85/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 96, release rhythm 83, longevity 66
- inputs: {"age_days": 937, "days_push": 27, "days_rel": 119, "gap_med": 1, "n_releases_24m": 24}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1598, forks 38 (observed 2026-08-28T04:05:09.314880+00:00)

## What it is
A modernized wrapper around the Monaco code editor for the browser that removes the need for MonacoEnvironment, web worker, and CSS loader setup by using Shiki for syntax highlighting and lazy loading of editor modules. It adds workspace features, SSR support, import-map-based bare specifier resolution, and VSCode-style window APIs.

## Use cases
- embed a code editor in a web app without complex monaco setup
- browser-based code editor with fast first paint
- server-side rendered code editor that hydrates on the client
- online playground for editing html css and javascript
- in-browser typescript editor with automatic type definitions from cdn

## When to choose
- you want Monaco editor features without worker and CSS bundling complexity
- you need SSR or lazy loading for a code editor in a web page
- you're building browser-based playgrounds or IDE-like tools

## When to avoid
- you need a fully stable API for production - the project warns the API may change
- you need server-side (Node) code editing rather than browser-based
- you need language support beyond what Shiki grammars provide

## Facets
- artifact type: library
- maturity: experimental
- function: editor, ui-components, ssr, frontend-framework
- domain: web-development, frontend, developer-tools, text-editors
- platform: browser
- tags: code-editor, monaco-editor, syntax-highlighting, shiki, lazy-loading, import-maps, web-editor, esm, web-server, nodejs, typescript

## Member repositories
- esm-dev/modern-monaco (main) score 85

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:09.314880+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:53:16.300901+00:00, confidence not recorded.
  - readme: https://github.com/esm-dev/modern-monaco (fetched 2026-08-28T04:05:09.314880+00:00, sha c334e31ae4e1)
  - registry_npm: https://registry.npmjs.org/modern-monaco (fetched 2026-08-29T11:24:52.182450+00:00, sha c26dc6f25236)
- Data as of 2026-08-30T08:39:29.467469+00:00.