Skip to main content

Vue Shiki Monaco Editor

Modern Code Editor Component Based On Monaco Editor + Shiki

Get Started
Easy to Use

🎨 Beautiful Syntax Highlighting

Based on Shiki to provide VSCode-level syntax highlighting effects, supporting multiple theme styles, making code display more beautiful and professional.

Focus on What Matters

🚀 Modern Development Experience

Built on Vue 3 Composition API and TypeScript, providing complete type support and modern development experience, making integration simpler.

Powered by React

⚡ Powerful and Flexible

Combines Monaco Editor's powerful editing capabilities with Shiki's precise highlighting, supporting customizable toolbar and rich configuration options.