GIFs for GitHub

A Browser extension that makes it easy to search and add a GIF into any GitHub comment box.

---

Install

---

Options

Collapsible GIFs

Right-click the extension icon and select Use collapsible GIFs to wrap GIFs in a <details> block instead of embedding them inline.

GitHub Enterprise

Right-click the extension icon on your GitHub Enterprise domain and select Enable GIFs for GitHub on this domain to enable the extension there.

GIPHY API Key

By default the extension uses KLIPY as its GIF provider. If you have your own GIPHY API key and would like to use GIPHY instead, open the extension's options page and paste your key there.

• Chrome: chrome://extensions → GIFs for GitHub → Details → Extension options
• Firefox: about:addons → GIFs for GitHub → Preferences

---

Contributing

git clone https://github.com/N1ck/gifs-for-github
cd gifs-for-github
pnpm install

pnpm run watch # Listen to file changes and automatically rebuild

Debug Mode

When developing, you can enable debug mode by setting the DEBUG environment variable:

DEBUG=true pnpm run build

This will output helpful logs prefixed with 🎨 when using the extension.

Once built, load it in the browser of your choice with web-ext:

npx web-ext run --target=chromium # Open extension in Chrome

npx web-ext run # Open extension in Firefox

Or you can load it manually in Chrome or Firefox.

---

If you want to read about why I built this extension, and some of the challenges I faced, check out my blog post.