aicoolies logo

Octotree

GitHub code navigation sidebar

Share
freemium
Visit Website →

Browser extension that adds a file tree sidebar to GitHub repositories for easy code navigation. Browse files and folders without leaving the current page, with support for private repos, pull request code review navigation, file search, bookmarks, and theming. Works with GitHub Enterprise. Available for Chrome, Firefox, Safari, and Edge. Essential for navigating large GitHub repos without cloning. Freemium with Pro features for advanced code review and multiple GitHub accounts.

Octotree is a browser extension that adds a sidebar file tree navigator to GitHub repositories, making it dramatically easier to browse code, navigate between files, and understand project structures directly in the browser. It solves the frustrating limitation of GitHub's default file browser, which requires clicking through directories one at a time and losing context of the overall project structure. Octotree provides an IDE-like file exploration experience within GitHub, reducing the need to clone repositories locally just to browse their contents.

Octotree displays a full file tree sidebar for any GitHub repository with lazy loading for large projects, provides file search and filtering, supports GitHub Enterprise installations, offers bookmark functionality for frequently accessed repositories, and enables quick file switching without losing your current scroll position. The Pro version adds code review features, pull request file trees, multiple tab support, theming options, and code font customization. Octotree works with both public and private repositories when properly authenticated.

Octotree is essential for developers who spend significant time reviewing code on GitHub, exploring open-source projects, or conducting code reviews in the browser. It is available for Chrome, Firefox, Safari, and Edge, and supports both github.com and GitHub Enterprise deployments. Octotree is particularly popular among open-source contributors who need to quickly navigate unfamiliar codebases, code reviewers who need to understand the file structure of pull requests, and developers who prefer browsing code on GitHub rather than cloning every repository they want to explore.

Pricing

Free / Pro $5/mo

Platforms

Chrome, Firefox, Edge, Safari

Categories

Tags

Use Cases

Alternatives

React DevTools logo

React DevTools

Inspect React component trees

Official browser extension by Meta for inspecting and debugging React component trees, props, state, hooks, and context in real-time. Features component highlighting on hover, profiler for measuring render performance and identifying bottlenecks, and component search/filtering. Supports React 16+ including Suspense, error boundaries, and concurrent features. Available for Chrome and Firefox. Essential for debugging re-renders, state management issues, and understanding component hierarchies.

open-sourceOpen Source
Vue DevTools logo

Vue DevTools

Debug Vue.js applications

Official browser DevTools extension for Vue.js providing deep inspection of component trees, reactive state, props, events, and slots. Includes Pinia/Vuex store debugging with time-travel, Vue Router inspection, performance timeline, and component highlighting. Works with Vue 2 and Vue 3. Available for Chrome and Firefox with standalone Electron app. Essential for debugging reactivity and understanding component hierarchies in Vue applications.

open-sourceOpen Source
Responsively logo

Responsively

Responsive web development tool

Open-source browser for responsive web development that shows multiple device viewports simultaneously with synchronized scrolling, clicking, and navigation. Preview your site on phone, tablet, and desktop sizes side by side in real-time. Features screenshot capture for all viewports, element inspector, network monitoring, and hot-reload support. Built on Chromium. Free alternative to Polypane for developers who need quick responsive testing without paid subscriptions. 23K+ GitHub stars.

open-sourceOpen Source

Related Tools

Accomplish Coworker

Open-source desktop AI coworker for browsing and code execution.

Accomplish Coworker is an MIT-licensed open-source AI coworker that runs on the desktop, combining computer-use style browsing with code execution so agents can research, implement, run, and debug workflows in one local environment.

open-sourceOpen SourceTelemetry

Safari MCP Server

Apple's Safari-native MCP server for web debugging agents

Safari MCP Server is Apple's safaridriver-based MCP server in Safari Technology Preview, giving compatible coding agents local access to Safari page content, console logs, network requests, screenshots, JavaScript evaluation, interactions, viewport controls, and accessibility/performance checks.

freeTelemetry
BrowserOS logo

BrowserOS

Open-source agentic browser that runs local AI agents in your browsing workflow.

BrowserOS is a privacy-first, open-source agentic browser for running AI assistants locally inside real browsing sessions instead of handing every task to a remote cloud browser.

open-sourceOpen Source
Webwright logo

Webwright

Microsoft browser agent that turns long-horizon web tasks into reusable Playwright code

Webwright is a Microsoft browser-agent project that asks coding models to write, debug, and reuse Playwright scripts instead of relying on one-off stochastic click loops. The approach gives automation teams a more inspectable artifact: scripts can be logged, reviewed, rerun, and maintained like normal test or scraping code. It is especially relevant for long-horizon browser tasks where teams care about determinism, auditability, and resilience to UI changes.

open-sourceOpen Source
Requestly logo

Requestly

One tool for intercepting, mocking, and replaying HTTP — acquired by BrowserStack

Requestly is a BrowserStack-backed API client, HTTP interceptor, mock server, and session replay tool for frontend and QA teams. Its current product is commercial/API-client led, while the legacy interceptor/open-source code is AGPLv3. The free plan covers individual workflows, and Pro lists at $12/user/month monthly or $9/user/month annually for collaborative QA and frontend debugging teams.

freemium
JSON Crack logo

JSON Crack

Visualize JSON, YAML, XML, and CSV as interactive graphs

JSON Crack transforms structured data files into interactive, visual graphs that make complex nested data easy to understand. Paste or import JSON, YAML, XML, CSV, or TOML and instantly see the data as a navigable node graph with collapsible sections, search, and path highlighting. All processing happens client-side with no server storage.

open-sourceOpen Source