Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeCrate

CodeCrate is a modern desktop app built for creating, editing, and exporting code snippets. Available from the system tray, it lets you capture ideas and share code without interrupting your workflow.


Download

Platform Version Download
Windows 11 v2.2 CodeCrateWindows.zip
Linux v2.2 CodeCrateLinux.tar.xz

System requirements

Windows

  • OS: Windows 10/11
  • Architecture: x64
  • Python: 3.10+

Linux

  • OS: Ubuntu 22.04+ / Debian 12+ (or any Debian-based distro)
  • Python: 3.10+
  • Desktop: GNOME, KDE, XFCE, or any DE with AppIndicator support

CodeCrate Linux


Inline Expansions & Boilerplates

  • Instant HTML5 Boilerplate: Type ! and press Enter to generate a complete, standard HTML document structure.
  • Smart Abbreviations: Expand short abbreviations into complete code structures as you type.
  • Multi-Language Support: Expansions are fully integrated and supported across HTML, CSS, and JavaScript.

Real-Time Error Highlighting

Catch mistakes before you export with visual syntax validation right inside the editor.

  • Visual Feedback: Syntax errors and structural mistakes are immediately highlighted in red as you type, making them easy to spot.
  • HTML Tag Checking: Automatically detects unclosed, mismatched, or broken tags, highlighting the specific elements affected by the structure break.
  • Language-Specific Rules: Identifies strict formatting and syntax issues across supported languages, such as missing indentation in Python blocks.

HTML Unclosed Tag Error Python Indentation Error

Drag & Drop

Seamlessly open and work with existing code files by dragging them right from your file manager onto the editor.

  • Tab Creation: Dropping any code file opens it in a new, dedicated editor tab with syntax highlighting applied based on its extension.
  • Native Path & Folder Tracking: CodeCrate extracts the directory path, linking the file to the Export to bar at the bottom.
  • Git Repository Detection: If your dropped file belongs to a Git repository, CodeCrate detects and displays the active Git branch (e.g. main) in the status bar.
  • Direct-to-Disk Saving (Ctrl+S): Because the native disk path is preserved, pressing Ctrl+S saves any edits back to your local file without prompting for a folder.

File dragging Dragged file open

Command Palette

Access all of CodeCrate's core features without leaving your keyboard using the Command Palette.

  • Fast Workflow: Press Ctrl+Shift+P or F1 to open the palette. Start typing to instantly filter through available actions.
  • Batch Exporting & File Management: Seamlessly open files, save individual documents, or use the Save All Tabs as Folder command to export your entire multi-tab workspace into a single directory.
  • Window & Theme Controls: Toggle the app to stay "Always on Top" (pinned) so it doesn't get lost behind other windows, or switch between themes.

Command Palette Dark Theme Command Palette Light Theme

Git Branch Tracking

Always know your version control status with zero configuration.

  • Detection: Checks if your active file belongs to a local Git repository.
  • Status Bar Indicator: Displays your active Git branch (e.g. main) below the file path.

Keyboard Shortcuts

Category Shortcut Action
File & Tab Management Ctrl + T Open a new tab
Ctrl + N Create a new file (opens prompt)
Ctrl + O Open file from disk
Ctrl + S Save current file directly to disk
Ctrl + W Close active tab
Command Palette & Actions Ctrl + Shift + P Open Command Palette
F1 Open Command Palette
Esc Close Command Palette or active modal
Editor & Code Editing ! + Enter Generate full HTML5 boilerplate (HTML and PHP mode only)
Tab Expand abbreviation snippet or Indent
Ctrl + L Select current line (or extend selection down)
Ctrl + Enter Insert new line below current line with auto-indent
Shift + Alt + Down Duplicate current line downward
Zoom Controls Ctrl + = Zoom In
Ctrl + - Zoom Out
Ctrl + 0 Reset Zoom ( 13px )
Ctrl + Mouse Wheel Zoom In / Out via scrolling

Development & Building

Running Locally

  1. Clone the repository:

    git clone https://github.com/alanwnuczko/code-crate.git
    cd code-crate
  2. Set up a virtual environment & install dependencies:

    Windows:
    python -m venv .venv
    .\.venv\Scripts\activate
    pip install pywebview pystray pillow pywin32
    python Windows/main.py
    Linux:
    sudo apt update
    sudo apt install -y python3-gi python3-gi-cairo gir1.2-gtk-3.0 gir1.2-webkit2-4.1 libgirepository-2.0-dev libgirepository1.0-dev gcc libcairo2-dev pkg-config python3-dev
    python3 -m venv .venv && source .venv/bin/activate
    pip install pywebview pystray pillow pygobject
    python Linux/main.py

Building on Windows

1. Install Python dependencies

pip install pyinstaller pywebview pystray pillow pywin32

2. Run PyInstaller

pyinstaller --noconfirm --onedir --windowed `
  --name "CodeCrate" `
  --icon "assets/tray.ico" `
  --add-data "Windows/index.html;Windows" `
  --add-data "assets;assets" `
  --add-data "css;css" `
  --add-data "js;js" `
  "Windows/main.py"

Building on Linux

1. Install Linux Dependencies

sudo apt update
sudo apt install -y python3-gi python3-gi-cairo gir1.2-gtk-3.0 gir1.2-webkit2-4.1 libgirepository-2.0-dev libgirepository1.0-dev gcc libcairo2-dev pkg-config python3-dev

2. Install Python dependencies

pip install pyinstaller pywebview pystray pillow pygobject

3. Run PyInstaller

pyinstaller --noconfirm --onedir \
  --name "CodeCrate" \
  --icon "assets/tray.ico" \
  --add-data "Linux/index.html:Linux" \
  --add-data "assets:assets" \
  --add-data "css:css" \
  --add-data "js:js" \
  --collect-all gi \
  --collect-all webview \
  --collect-all pystray \
  --hidden-import gi.repository.Gtk \
  --hidden-import gi.repository.Gdk \
  --hidden-import gi.repository.WebKit2 \
  --hidden-import gi.repository.GLib \
  --hidden-import pystray._gtk \
  "Linux/main.py"

Releases

Contributors

Languages