GitHub - lamngockhuong/github-flex: A cross-browser extension (Chrome & Firefox) that enhances GitHub's interface with productivity features. · GitHub
Skip to content

lamngockhuong/github-flex

Folders and files

🇬🇧 English | 🇻🇳 Tiếng Việt | 🇯🇵 日本語

GitHub Flex

Version CI License: MIT Chrome Web Store Firefox Add-ons Website

GitHub Flex trên Unikorn.vn GitHub Flex - Launched on J2TEAM Launch

A cross-browser extension (Chrome & Firefox) that enhances GitHub's interface with productivity features.

GitHub Flex

Features

  • Wide Layout - Expands GitHub to full viewport width
  • Table Expand - Expandable tables with persistent state
  • Image Lightbox - Click images to view in fullscreen overlay
  • GIF Picker - Insert GIFs in comments and issues
  • Sidebar Toggle - Hide/show sidebar with button or Alt+M shortcut
  • Edit History - Enhanced diff viewer with split/unified/preview modes for comment edits

Wide Layout Image Lightbox

GIF Picker Sidebar Toggle

Installation

Chrome Web Store

Install directly from the Chrome Web Store.

Firefox Add-ons

Install directly from Firefox Add-ons.

From Source

git clone https://github.com/lamngockhuong/github-flex.git
cd github-flex
pnpm install
pnpm build

Then load in your browser:

Chrome:

  1. Open chrome://extensions/
  2. Enable Developer mode (top right)
  3. Click Load unpacked
  4. Select the dist/chrome/ folder

Firefox:

  1. Open about:debugging#/runtime/this-firefox
  2. Click Load Temporary Add-on
  3. Select any file in the dist/firefox/ folder

Development

pnpm dev              # Build both browsers with watch mode
pnpm build            # Production build for both browsers
pnpm build:chrome     # Build Chrome only
pnpm build:firefox    # Build Firefox only
pnpm lint             # Check code style
pnpm lint:fix         # Auto-fix issues
pnpm lint:firefox     # Lint Firefox build with web-ext
pnpm test             # Run tests

Publishing to Firefox Add-ons

When submitting a new version to Firefox Add-ons, Mozilla requires source code upload because we use esbuild to bundle. Create the source zip with:

zip -r github-flex-source.zip src/ scripts/ package.json pnpm-lock.yaml biome.json README.md LICENSE manifest.json

Languages

  • English (default)
  • Vietnamese (Tiếng Việt)
  • Japanese (日本語)

The extension automatically displays in the browser's language if supported.

Tech Stack

  • Manifest V3 (Chrome 88+, Firefox 112+)
  • webextension-polyfill (cross-browser API compatibility)
  • Vanilla JavaScript (ES Modules)
  • esbuild (bundler)
  • Biome (linter/formatter)
  • Vitest (testing)

Sponsor

If you find this extension useful, consider supporting its development:

GitHub Sponsors Buy Me A Coffee MoMo

Other Projects

  • Termote - Remote control CLI tools (Claude Code, GitHub Copilot, any terminal) from mobile/desktop via PWA

License

MIT

About

A cross-browser extension (Chrome & Firefox) that enhances GitHub's interface with productivity features.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

Contributors