awesome-monaco-editor

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #golang #go #android #machine-learning #nodejs #awesome #kubernetes #vue #security #mcp #open-source

awesome-monaco-editor

(★ 64)

awesome-monaco-editor

awesome-monaco-editor Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> this list is now archived - look inside https://github.com/sw-yx/brain if you would like an updated list! thank you.

# awesome-monaco-editor

Resources and tips and tricks for https://github.com/microsoft/monaco-editor/!

## Monaco Wrappers

- Web Component https://github.com/vanillawc/wc-monaco-editor
- React https://github.com/react-monaco-editor/react-monaco-editor
- React Native
  - non Open Source - https://github.com/microsoft/monaco-editor/issues/1365#issue-420813035
  - VS Code on iPad? - https://github.com/microsoft/vscode/issues/70764
  - [Corbin Crutchley](https://twitter.com/crutchcorn/status/1247048617816285184)

## Example codebases using Monaco

other than VSCode of course

- https://github.com/satya164/monaco-editor-boilerplate
- https://github.com/malcolm-kee/malcolm-kee/blob/master/src/components/typescript-editor.tsx (used in [https://malcolmkee.com/typescript-for-react-developer/variables#array-and-tuple](https://malcolmkee.com/typescript-for-react-developer/variables#array-and-tuple)
- https://github.com/sw-yx/svelte-zen-garden
- https://github.com/statecharts/xstate-viz/tree/next/src
- https://github.com/Lamden/wallet
- https://github.com/eclipse-theia/theia (uses VScode)

## Helpful Blogposts

- React
  - https://blog.expo.io/building-a-code-editor-with-monaco-f84b3a06deaf
  - https://www.swyx.io/writing/how-to-add-monaco-editor-to-a-next-js-app-ha3
- Svelte
  - https://www.swyx.io/writing/svelte-zen-garden/
- Language Server Protocol
  - https://blog.codedamn.com/language-server-protocol-with-monaco-editor/

## Monaco tips

- add code folding icons https://github.com/sw-yx/svelte-zen-garden/issues/1#issuecomment-614101314
- automatically load declaration files while typing https://github.com/lukasbach/monaco-editor-auto-typings

awesome-monaco-editor

awesome-monaco-editor Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

awesome-monaco-editor

awesome-monaco-editor Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README