A lightweight, keyboard-friendly Git GUI built with Electron and React. Dark glassmorphic interface, multi-repository tabs, and a branching graph — no cloud, no telemetry, just git.

Electron React TypeScript Tailwind CSS

Preview

Open multiple repositories at once and switch between them with a tab bar at the top. Tabs persist across restarts — your project list is saved to ~/.gitonyx/projects.json.

The history panel renders a full commit graph with colored branch lanes, S-curve merge lines, and commit nodes — so you can see exactly where branches diverge and converge.

• Stage or unstage individual files with a single click
• Stage all changes at once
• Write a commit message and commit — all without leaving the keyboard

• View all local and remote branches in a dropdown
• Check out any branch instantly
• Create a new branch at any commit directly from the history panel
• See how many commits you are ahead/behind the remote at a glance

Browse the repository tree with live git status indicators (modified, added, deleted, renamed) on every file and folder.

Pull and push with one click. When credentials are needed the app opens a credential dialog — username and password/token are kept in memory only, never written to disk.

Prerequisites: Node.js 20+, Bun (or npm), Git installed and on your PATH.

# Install dependencies
bun install # or: npm install
# Start the app in development mode
bun run dev # or: npm run dev

The Electron window opens automatically. Use the + button in the tab bar to open a local Git repository.

bun run build # or: npm run build

Output is placed in dist-electron/ (main process) and dist/ (renderer).

Git commands run as child processes via node:child_process. The renderer communicates with the main process through a typed context bridge (window.gitBridge). Only an explicit allowlist of git subcommands can be executed.

electron/
 main.ts — BrowserWindow setup
 git.ts — IPC handlers, git child-process runner, auth management
 preload.ts — Context bridge (window.gitBridge)
src/
 App.tsx — Project tabs, workspace orchestration
 components/
 Header.tsx — Repo name, branch picker, pull/push/refresh, auth button
 ChangesPanel.tsx — Staged/unstaged files, commit form
 HistoryPanel.tsx — Commit graph + branch-creation flow
 ExplorerPanel.tsx — File tree with git status overlays
 Welcome.tsx — Empty state / open-repository prompt
 AuthDialog.tsx — Git credential input dialog
 git/
 models.ts — FileChange, Branch, Commit — parse raw git output
 graph.ts — Lane-assignment algorithm + SVG segment computation
 hooks/
 useGit.ts — Typed wrappers around window.gitBridge.exec

HTTPS credentials are stored in memory only for the lifetime of the app process. They are passed to git via a temporary GIT_ASKPASS script and are never written to disk or the system credential store. Click the account icon in the header to set or clear credentials.

For SSH repositories no credential management is needed — the system SSH agent handles authentication automatically.

MIT