Top 10 Useful GitHub Browser Extensions
Tags: github, productivity, opensource
Published: 2021-06-24 12:05:59

There are many types of addiction, but addiction to GitHub is a unique and interesting one. Although GitHub is a great tool for developers, using extensions to increase your productivity is greater. Let's get started with the extensions that I'm using.

----

## 1. [Octotree](https://github.com/buunguyen/octotree)

It shows a side panel to enhance code review and exploration. Here, it is easy to navigate between the files and folders of the repository. 
![Octotree extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghqz5xcy6x8mjtnnfgc8.png)

## 2. [Enhanced GitHub](https://github.com/softvar/enhanced-github)

 - It displays : 
  - The whole repository size and each file size
  - Download link

![Enhanced GitHub screenshot0](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18s5fy33pnoyte4az807.png)
- You can copy file content directly to the clipboard.

![Enhanced GitHub screenshot1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ocjsjbccv0eqzdqdjpds.png)


## 3. [GitHub Code Folding](https://github.com/noam3127/github-code-folding) 
It enables code folding in GitHub.
![Code Folding extension screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hfllo0o7imcppg8ib6m8.png)


## 4. [Sourcegraph](https://github.com/sourcegraph/sourcegraph/tree/main/client/browser)
It makes you go to definition & find references (currently for Go, Java, TypeScript, JavaScript, and Python).
![Sourcegraph extension screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/stxqsw1tmc26kyic8523.png)


## 5. [Notifications Preview for GitHub](https://github.com/tanmayrajani/notifications-preview-github) 

This extension makes you : 
- Show the count of notifications on the bell icon 
- Preview the unread notifications using pop-overs on hover
- Allow to perform actions like marking as read and unsubscribing on the notifications.

![Notification extension screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9czthe3mpijhy74249zt.png)


## 6. [File Icons for GitHub and GitLab](https://github.com/homerchen19/github-file-icons) 
It gives you different file icons in GitHub or GitLab.
![File Icons screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r7r3d7lrb14ipt7maikk.jpg)


## 7. [OctoLinker](https://github.com/OctoLinker/OctoLinker)
It makes navigating through the code more efficient by turning language-specific statements like `include`, `require` or `import` into clickable links.
![OctoLinker extension screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdqcz54vfkezo7vp11rw.png)


## 8. [GitHub Isometric Contributions](https://github.com/jasonlong/isometric-contributions)
It allows you to toggle between the normal GitHub contribution chart and an isometric pixel art version.

>2D Chart

![normal chart](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fv8hmghwl2ehui57ce4k.png)

>3D Chart

![3D chart](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pdg4f7dcmbn5dewlibbx.png)


## 9. [GIFs for GitHub](https://github.com/N1ck/gifs-for-github) 
It makes it easier to search GIPHY and add a GIF into any GitHub comment box.
![GIFs extension screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfpjwt9c3s7re5fra0im.png)


## 10. [Refined GitHub](https://github.com/sindresorhus/refined-github) 
This extension has a lot of features like :
- Making whitespace characters visible
![white space](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l4d0eu4g5i4ainzmy9li.png)
- Adding one-click merge conflict fixers
![one-click merge conflict](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lym459mhu4w8nwmtbcmj.png)
- Adding reaction avatars showing who reacted to a comment
![reaction avatars](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yg7c8g553ebzs88qh4tw.png)
- Letting you hide every event except comments or unresolved comments in issues and PRs
![hide every event](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/di2zrcat9ll1jyk5515i.png)
- Linking issue/PR references and URLs in code and conversation titles
![Linkifing issue/PR references and URLs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iu3xal1ov47yxv3e7f11.png)
- Adding the option to wait for checks when merging a PR
- Adding a button to revert all the changes to a file in a PR.

---
## Conclusion
I tried to show some useful GitHub extensions that I know. There are a lot of other extensions you can use to enhance your experience.  If you want to explore other awesome GitHub extensions, you can check this [link](https://project-awesome.org/stefanbuck/awesome-browser-extensions-for-github).

Which GitHub extension do you like more? Let me know!