GitHub QoL

A Chrome extension with small fixes for reading and reviewing code on GitHub.

Features9

A README image opened in an in-page lightbox

Image lightbox

Images in PRs, issues and READMEs open in place instead of a new tab. ← → browse every image on the page.

Screenshot editor with a box, an arrow, a text label and a redacted area

Annotate screenshots

CtrlShiftV in a comment box opens the screenshot in an editor first: arrows, boxes, text, redaction.

An animated GIF paused at frame 27 of 67 with playback controls

GIF player

Pause GIFs, step through them frame by frame with , ., or slow them down.

Files changed with Collapse all and Expand all buttons and an auto-collapsed pnpm-lock.yaml

Diff tools

Collapse or expand every file at once. v marks a file viewed and jumps to the next. Lockfiles start collapsed.

A Load all hidden items button under GitHub's 638 hidden items

Load all hidden items

One button that loads every hidden comment on long PRs and issues.

Comment header reading commented on Apr 19, 2024, 4:40 PM

Absolute dates

Anything older than a day shows the date and time instead of “last week”.

The inline code packages/vite rendered as a link

Clickable file paths

src/app.ts:42 in a comment links to the file and line, if the file exists.

A file open in Blame view

Sticky blame view

Switch one file to Blame and the next files you open stay in Blame.

Extension popup listing each feature with a toggle

Shortcuts and settings

g then r releases, t tags, b branches, h commits, o settings. Every feature has its own switch.

Install

1

Download and unzip

Get github-qol.zip from the latest release and extract it.

2

Turn on Developer mode

Open chrome://extensions and flip the switch in the top-right corner.

3

Load unpacked

Click Load unpacked, pick the folder, and refresh any open GitHub tabs.