Electron Code Pro is a modern, lightweight desktop code editor built with Electron and CodeMirror. Designed for developers, it combines simplicity with powerful features like multi-tab support, syntax highlighting, theme switching, auto-save, and recent files management.
- Multi-Tab Editing: Open and edit multiple files at once.
- Syntax Highlighting: Supports JavaScript, HTML, CSS, and mixed HTML files.
- Theme Switcher: Toggle between light and dark CodeMirror themes.
- Recent Files List: Quick access to your last opened files.
- Keyboard Shortcuts: Ctrl+S to save, Ctrl+O to open, Ctrl+N for new file.
- Cross-Platform: Works on Windows, macOS, and Linux.
- Clone the repository:
git clone https://github.com/rayan495/electron-code-pro.git
cd electron-code-pro- Install dependencies:
npm install- Run the application:
npm start- Use the New, Open, and Save buttons to manage files.
- Switch between tabs to edit multiple files.
- Toggle themes from the settings menu.
- Recently opened files appear for quick access.
electron-code-pro/ ├─ src/ │ ├─ main.js # Main Electron process │ ├─ preload.js # Preload with contextBridge │ ├─ renderer.js # Renderer logic │ ├─ index.html # UI layout │ └─ styles.css # Styling ├─ package.json └─ README.md
- Electron Desktop framework
- CodeMirror In-browser code editor
- JavaScript, HTML5, CSS3
- Contributions are welcome!
- Fork the repository
- Create a branch for your feature/fix
- Submit a pull request