Skip to main content

​
Welcome to Code Editor Thing

Code Editor Thing is a modern desktop code editor built with Electron, React, and CodeMirror. It combines the power of web technologies with native desktop capabilities to deliver a fast, customizable coding experience.
Code Editor Thing is cross-platform and runs on macOS, Windows, and Linux.

​
Key Features

CodeMirror 6 Editor

Powered by CodeMirror 6 with advanced text editing capabilities, syntax highlighting, and autocomplete support.

9 Beautiful Themes

Choose from 9 carefully crafted themes including Light, Dark, GitHub Dark/Light, Dracula, Monokai, Nord, One Dark Pro, and Tokyo Night.

Multi-Language Support

Built-in syntax highlighting for JavaScript, TypeScript, Python, Rust, C++, HTML, CSS, JSON, and Markdown.

File System Integration

Browse and edit files directly from your local file system with an intuitive sidebar file tree.

Multi-File Tabs

Work with multiple files simultaneously using a tabbed interface. Track modified files with visual indicators.

Keyboard Shortcuts

Boost productivity with keyboard shortcuts for saving (Ctrl/Cmd+S), opening folders (Ctrl/Cmd+O), toggling sidebar (Cmd+B), and more.

Integrated Terminal

Built-in terminal support with xterm.js and node-pty for running commands directly in your editor.

Cross-Platform

Runs seamlessly on macOS, Windows, and Linux thanks to Electron.

​
Technology Stack

Code Editor Thing is built with modern web technologies:
  • Electron - Desktop application framework
  • React 18 - UI framework with hooks
  • CodeMirror 6 - Advanced code editor component
  • Vite - Lightning-fast build tool
  • TypeScript - Type-safe development
  • Tailwind CSS - Utility-first styling
  • xterm.js - Terminal emulator
  • Lucide React - Beautiful icon library

​
Quick Start

Installation

Get started by cloning the repository and installing dependencies.

Quickstart Guide

Learn how to run the app and start editing code in minutes.

​
What Makes It Special?

Unlike many code editors, Code Editor Thing focuses on simplicity and aesthetics. Every theme is carefully crafted with matching syntax highlighting, sidebar colors, and status bar accents.
The editor features:
  • Theme-aware UI - Everything from the sidebar to the status bar adapts to your selected theme
  • Clean interface - Distraction-free editing with a minimal, polished design
  • Fast startup - Built with Vite for near-instant development builds
  • Context isolation - Secure Electron architecture with proper IPC communication

​
Next Steps

Ready to dive in? Follow our guides to get Code Editor Thing running on your machine:
1

Install Dependencies

Clone the repository and install all required packages
2

Run Development Mode

Start the Electron app in development mode
3

Start Coding

Open a folder, create files, and customize your theme
Continue to Installation →

Build docs developers (and LLMs) love

Get started for freeTalk to us