Code Monkey home page Code Monkey logo

awesome-browser-extensions-for-github's Introduction

Awesome browser extensions for GitHub Awesome

A curated list of awesome browser extensions for GitHub.

Table of Content

Code

View the abstract syntax tree (AST) of code on GitHub.

Screenshots

GitHub AST Viewer

Set custom tab size for code view on GitHub.com

Screenshots

GitHub Custom Tab Size

Octohint adds IntelliSense hint feature to GitHub.

Screenshots

OctoHint

Octo-Linker is a Browser Extension which links NPM, bower, Composer & Duo dependencies to their GitHub repository page. It also solve require() statements in a .js, .jsx, .coffee or .md file.

Screenshots

OctoLinker

An extension that creates direct links to imported modules, external or internal, on source code on GitHub. Supports multiple languages, including common ones like Rust, Go, Python and Ruby, but also odd ones like Nim, Haskell, Julia and Elm.

Screenshots

Module Linker

Jump to a variable's definition when viewing JavaScript code on GitHub. Also highlights all variable references.

Screenshots

OctoTern

Are they tabs? Are they spaces? How many? Never wonder again! Renders spaces as ยท and tabs as โ†’ in all the code on GitHub.

Screenshots

Render Whitespace on GitHub

Make tab indented code more readable by forcing the tab size to 4 instead of 8.

Screenshots

Tab Size on GitHub

Whereisit makes code navigation on GitHub easier. Look up and jump around class/method definitions with a single click.

Screenshots

Code folding - the ability to selectively hide and display sections of a code - is an invaluable feature in many text editors and IDEs. Now, developers can utilize that same style code-folding while poring over source code on the web in GitHub. Works for any type of indentation- spaces or tabs.

Screenshots

Easily navigate through the changes in a file that has been edited on GitHub.

Screenshots

GitHub Diff Navigator screenshot GitHub Diff Navigator video

Comments

Colorize issue and PR links to see their status (open, closed, merged).

Screenshots

OctoDraft is a Browser Extension which adds a save draft button in the issues section in GitHub, for those times when one doesn't have time to write the whole issue.

Screenshots

OctoDraft

OctoEdit is a Browser Extension which adds a new tab to the comment edit area in GitHub, providing Markdown syntax highlighting and tabbing behavior.

Screenshots

OctoEdit

Displays live previews of Markdown comments while you type. Works with Issues + Pull Requests.

Screenshots

GitHub OctoPreview Extension

Review repositories on GitHub like a Pull Request. This extension adds the ability to github.com to make notes in files and add them as a compiled list to an issue.

Miscellaneous

This extension will add "builds" tab to GitHub in your browser.

Screenshots

Builds Tab for GitHub

Adds various useful features to GitHub:

  1. Download any file by clicking the file icon.
  2. Show tooltip of your unread notifications.
  3. Show Repo size.
  4. Show 'GH Page' link button if it has GitHub Pages.
  5. Tab size customising between 2/4/8 whitespace.
Screenshots

Download file

Add breakpoints at 1400px, 1600px and 1800px for full GitHub experience on large screens. Also removes the truncating of file and directory names in the repository browser.

Screenshots

github.expandinizr

Chrome extension that adds a button in browser and links this button to a GitHub repository that you will configure, then on any webpage just click this extension button and it will add the given link with the title of the page in that repository.

Screenshots

Like On GitHub

Extension that simplifies the GitHub interface and adds useful features.

Highlights

Visualize GitHub repos as d3 force-directed graphs. The extension gives you a quick overview of the size and composition of any repo.

Screenshots

Codeflower

Filter your pull requests/issues in different categories giving you a big boost in productivity. Also suggests new trending repositories.

Screenshots

OctoLenses

Navigation

A Chrome extension for infinite scrolling on GitHub's commit pages.

OctoPermalinker is a browser extension that searches GitHub comments/files for links to files on branches, and adds a link to where the branch pointed when the comment/file was made/updated. This helps you avoid following a link that was broken after being posted. For context, here's some discussion about broken GitHub links: Don't link to line numbers in GitHub.

For example, suppose you're looking at a gist that links to a file on the master branch of a repo. At the time the gist was made, the link worked, but if the file gets removed, the link is broken. OctoPermalinker uses the gist creation date to add a permalink that still works. Here are some screencasts demonstrating the difference:

Screenshots

Before

Imgur

After

Imgur

Useful for developers who frequently read source in GitHub and do not want to download or checkout too many repositories.

Screenshots

Octotree

Omnibar for GitHub just like bitbucket's

Screenshots

Makes it easy to access repository info from a GitHub pages website.

Screenshots

Pages2Repo

Displays a clickable outline of all topic headers for markdown documents on GitHub

Screenshots

GitHub Markdown Outline Extension

Newsfeed

Chrome extension which helps you not to miss important changes in your news thread related to your repo

Screenshots

Before After

Show pictures for all entries in the news feed on GitHub's dashboard

Screenshots

โš’ A super tiny chrome extension making your GitHub news feed more organized

Screenshots

OctoTab

Helps you see easily which activities happened since you last visited GitHub.

Screenshots

What's New on GitHub

Notifications

Shows notifications when you get a new notification on GitHub and provides quick access to all notifications in a popup.

Screenshots

Advanced GitHub Notifier

A Chrome and Firefox extension that shows notifications when something happens in your GitHub news feed.

Screenshots

News Feed for GitHub

A Chrome and Firefox extension to quickly see your notifications in a popup without leaving the current page.

Screenshots

Displays your GitHub notifications unread count. Supports GitHub Enterprise and an option to only show unread count for issues you're participating in. You can click the icon to quickly see your unread notifications.

Screenshots

Notifier for GitHub

Profile

The CoderStats link for GitHub Chrome extension displays a link to the CoderStats page for the currently displayed user or organization profile page on GitHub.

Screenshots

GitHub Profile CoderStats Profile

Chrome extension to check if the GitHub profile you are visiting, follows you or not in a Twitter-like UI

Screenshots

Follow Me or Not

Neat hovercards for GitHub.

Screenshots

GitHub Hovercard

Allows you to toggle between the normal GitHub contribution chart and an isometric pixel art version.

Screenshots

Isometric Contributions

Infers or tries to find GitHub users' Twitter handles and present them to you in the GitHub interface.

Screenshots

Extension to get back current and longest streak.

Screenshots

GithubOriginalStreak

Generates a pie chart on user profile pages displaying a breakdown of what languages they have used in their repositories.

Screenshots

GitHub User Languages

PullRequest

Categorize your mixed GitHub notifications

Screenshots

GitHub Categoric

Show the # of PRs and other contributors stats in the Issues/PRs tab. Can be helpful for maintainers that want to know if it's a contributor's first PR.

Screenshots

Contributors on GitHub

Expand and collapse file diffs on GitHub.com

Screenshots

GitHub Diffs

Highlight selected word in GitHub source view like Sublime Text.

Screenshots

GitHub Highlight Selected

This Chrome extension extends the file search of a pull request to allow for actual filtering with globs.

Screenshots

Add ability to filter files in pull requests.

Screenshots

GitHub Pr Filter

A helpful extension to filter files in GitHub PRs using glob patterns

Screenshots

GitHub Review Filter

Chrome extension to optimize GitHub for handling big pull request. ๐Ÿš€

You can enable the extension to optimize the page whenever a big pull request page is getting unresponsive while you are reviewing the code.

Repository

Makes it easy to see if a GitHub project has a Gitter room.

Screenshots

Gitter Helper

Hide dotfiles from the GitHub file browser.

Screenshots

Hide files on GitHub

A browser extension which gives different filetypes different icons on GitHub.

Screenshots

Show vscode-icons in the repository browser.

Screenshots

See forks with the most stars under the names of repositories.

Screenshots

Slate fork

Displays npm package stats on GitHub

Screenshots

GitHub Markdown Outline Extension

When viewing a repository on github.com that has a package.json file, this extension will introspect the dependencies in package.json and display links and description for each dependency, just below the repo's README.

Screenshots

This package lists the dependencies in the package files of the various packages you encounter while browsing GitHub.

Screenshots

Package Hub

Displays size of each file, download link and an option of copying file contents directly to clipboard

Screenshots

Automatically adds repository size to GitHub's repository summary.

Screenshots

This extension is to display travis-ci status for repos in GitHub. There is a visual chart which shows build status and duration changes for recent 10 times.

Screenshots

The Sourcegraph browser extension gives GitHub IDE-like powers when you're viewing code, pull requests, and diffs:

  1. Go to definition
  2. Find references
  3. Powerful code search with regexp matching, diff searches, and other filters
  4. Hover tooltips
  5. File tree navigation
Screenshots

Sourcegraph

ZenHub

ZenHub is the first and only project management suite that works natively within GitHub; enhancing your workflow with features built specifically for startups, fast-moving engineering teams, and the open-source community. The product is a browser extension that injects advanced functionality including real-time drag-and-drop Issue Task Boards, peer feedback via a +1 button, and support for uploading any file type directly into the GitHub interface. ZenHub makes it easy to centralize all processes into GitHub, keeping your team lean and agile.

Screenshots

ZenHub

Search

Simple and discreet extension that enhances GitHub's search, letting you search for repositories and people faster than ever.

Screenshots

Pages2Repo

Makes searching in GitHub better. With GitHub, you can only search one branch per non-forked repository. With GitSense, you search any branch, from any repository, and much more.

Screenshots

gitsense

awesome-browser-extensions-for-github's People

Contributors

andersonba avatar attfarhan avatar benfogel avatar benreyn avatar bfred-it avatar borekb avatar brainmaestro avatar daattali avatar danielhusar avatar dbkaplun avatar dderevjanik avatar fiatjaf avatar flawyte avatar glebm avatar gpoussel avatar greybax avatar josephfrazier avatar justineo avatar katranci avatar lockys avatar lukehorvat avatar musically-ut avatar naramsim avatar ozlerhakan avatar paulmolluzzo avatar prabhakar267 avatar readmecritic avatar softvar avatar stefanbuck avatar yfdyh000 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.