A lightweight, fast, and beautiful code editor for reading and editing large code files. No bloat. Nothing you don't need.(vibecoded)

Notepad is old & VS Code is heavy. Codepad lives in between — instant startup, syntax highlighting for the languages you actually use, and a UI that respects your screen.

Feature set is intentionally minimal:

• Syntax highlighting (15+ languages)
• Multi-tab editing
• Open / Save / Save As
• Dark and light themes (hand-tuned, not defaults)
• Font size control
• Find & replace (built into CodeMirror)
• Drag and drop files
• Remembers your theme + font size

That's it. No terminal. No git panel. No extensions. No 400mb.

Binary target: < 10mb installed. Cold start: < 300ms.

• Node.js ≥ 18
• Rust (stable, 1.70+)
• Tauri system dependencies — follow the Tauri prerequisites guide for your OS

# 1. Clone
git clone https://github.com/you/codepad
cd codepad

# 2. Install JS dependencies
npm install

# 3. Run in development mode
npm run tauri dev

# 4. Build for production
npm run tauri build

The release binary will be in src-tauri/target/release/ and the installers in src-tauri/target/release/bundle/.

codepad/
├── index.html              # App shell HTML
├── package.json
├── vite.config.js
├── src/
│   ├── main.js             # Entry point — boots app, wires events
│   ├── store.js            # Reactive state store
│   ├── tabs.js             # Tab state + DOM rendering
│   ├── fileops.js          # File I/O + language detection
│   ├── keybindings.js      # Global keyboard shortcuts
│   ├── editor/
│   │   ├── index.js        # CodeMirror instance manager
│   │   ├── themes.js       # Hand-tuned dark + light themes
│   │   └── languages.js    # Lazy language loader
│   └── styles/
│       └── main.css        # Full design system
└── src-tauri/
    ├── Cargo.toml
    ├── build.rs
    ├── tauri.conf.json
    └── src/
        └── main.rs         # Rust: file commands + OS integration

To add a language not currently included:

1. Install the CodeMirror language package: npm install @codemirror/lang-<name>
2. Add a case in src/editor/languages.js
3. Add the extension mapping in src/fileops.js → detectLanguage()
4. Add display name in languageLabel() and badge in languageBadge()

• Each tab gets one persistent CodeMirror instance. Switching tabs shows/hides existing instances rather than recreating — zero re-parse cost.
• Language support is lazy-loaded: the parser for Python isn't loaded until you open a .py file.
• Release builds use opt-level = "z" (size), LTO, and symbol stripping. This keeps the Rust binary small.
• The Vite build tree-shakes CodeMirror — only language support you actually import is bundled.

Place your icon files in src-tauri/icons/:

• 32x32.png
• 128x128.png
• [email protected]
• icon.icns (macOS)
• icon.ico (Windows)

You can generate all sizes from a single source PNG using the Tauri CLI:

npx tauri icon path/to/your-icon.png

MIT