Download
Neiki's Code Editor is a lightweight embeddable code editor built as a native Web Component using vanilla JavaScript. It runs without dependencies or build tools and can be dropped into any website via a single script tag. The editor provides a modern development experience with syntax highlighting, themes, line numbers, search, auto-indentation, and fullscreen support.
Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages including JavaScript, HTML, CSS, JSON, and Markdown. It is fully customizable through attributes, CSS variables, and a simple JavaScript API, making it suitable for documentation, demos, and embedded development tools.
Features
- 🧩 Vanilla Web Component (no frameworks) — built with native browser APIs
- ⚡ Lightweight & embeddable — zero dependencies, works via single script tag
- 🛡️ Shadow DOM isolation — no CSS conflicts with parent page
- 🎨 Syntax highlighting — JavaScript, HTML, CSS, JSON, Markdown support
- 📝 Editable code area — smooth typing experience with native behavior
- #️⃣ Line numbers support — optional numbering with active line highlight
- 🌙 Dark & light themes — modern developer-style UI themes
- ⌨️ Keyboard friendly editing — tab handling, shortcuts, auto-indentation
- 🔧 Auto bracket closing — supports (), {}, [], "", ''
- 🔍 In-editor search — basic find functionality with navigation
- 📋 One-click copy — instantly copy editor content
- 📖 Readonly mode — perfect for code snippets and documentation
- 📱 Responsive design — works on desktop and mobile devices
- 🗺️ Minimap support — optional overview for long code blocks
- 🖥️ Fullscreen mode — distraction-free editing experience
License
MIT LicenseFollow Neiki's Code Editor
Other Useful Business Software
Build Agents and Models on One Platform
Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of Neiki's Code Editor!