modern-monaco-svelte

Color decorators

Every hex/rgb()/hsl() literal below gets an inline color swatch. Click one to open Monaco's native color picker and edit the value live.

Loading editor…

Unicode highlight (Trojan Source)

Homoglyphs, zero-width characters, and bidi overrides let source code display differently from how it actually reads and executes -- a class of attack formalized as "Trojan Source" (CVE-2021-42574). Monaco's unicodeHighlight squiggles every character below that isn't plain ASCII in this context; hover one to see why it's flagged.

Loading editor…

Guides & bracket colorization

A deeply nested config type/object: matching brackets share a color across the whole pair (watch them change as you move the cursor), and vertical guides connect each indentation level back to the line that opened it.

Loading editor…