Sharing is caring!

Code tree for GitHub…



Browser extension (Chrome, Firefox, Opera and Safari) to show a code tree on GitHub. Awesome for exploring project source without having to pull every single repository to your machine. Features:

Easy-to-navigate code tree, just like in IDEs
Fast browsing with pjax
Support private repositories (see instructions)
Support GitHub Enterprise (Chrome and Opera only, see instructions)

Install on Chrome, Firefox and Opera

Install Octotree from Chrome Web Store, Mozilla Add-ons Store or Opera Add-ons Store
Navigate to any GitHub repository (or just refresh this page as an example)
The code tree should show on the left-hand side of the screen
Note: to configure Octotree for GitHub Enterprise, see instructions

Install on Safari

Octotree is not available on the Safari gallery. You have to build from source. Download this repo and run the following command:

gulp safari

Find the extension folder in


Follow Apple instructions to install the extension to your browser.

Install from prebuilt packages (all browsers)

Prebuilt packages are available in the dist folder. For security reason, only download Octotree from this location.

Note: Firefox 43+ requires add-ons to be signed. Therefore, you should install Octotree from the Mozilla store. For some reason if you want to install the prebuilt package instead, you have to disable sign-check.


Access Token

Note for the paranoids (like me!): Octotree stores access tokens in your browser local storage and never transmits it anywhere.


Octotree uses GitHub API to retrieve repository metadata. By default, it makes unauthenticated requests to the GitHub API. However, there are two situations when requests must be authenticated:

You access a private repository
You exceed the rate limit of unauthenticated requests
When that happens, Octotree will ask for your GitHub personal access token. If you don’t already have one, create one, then copy and paste it into the textbox. Note that the minimal scopes that should be granted are public_repo and repo (if you need access to private repositories).

Bitbucket (experimental)

Octotree uses Bitbucket API to retrieve repository metadata. By default, Octotree asks for your Bitbucket App password. If you don’t already have one, create one (the minimal requirement is Repositories’s Read permission), then copy and paste it into the textbox.

Note that Octotree extracts your username from the current page to invoke the Bitbucket API. If fail to do so, Octotree will ask you for a token update, you just need to prepend your username to the token, separated by a colon, i.e. USERNAME:TOKEN.

Read full article on GitHub

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.