Convert Figma logo to code with AI

EnixCoda logoGitako

🐙 File tree extension for GitHub on Chrome & Firefox & Edge

2,363
101
2,363
31
View on GitHub

Top Related Projects

ovity's avatar

octotree

22,791

GitHub on steroids

refined-github's avatar

refined-github

24,191

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

pomber's avatar

git-history

13,543

Quickly browse the history of a file from any git repository

Quick Overview

Gitako is a browser extension that enhances the GitHub experience by providing a file tree sidebar for easy navigation of repositories. It offers a more efficient way to browse and explore GitHub projects, making it easier for developers to navigate through large codebases.

Pros

  • Improves navigation and browsing experience on GitHub
  • Customizable sidebar with various display options
  • Supports keyboard shortcuts for quick navigation
  • Works with both public and private repositories

Cons

  • Limited to GitHub; not available for other Git hosting platforms
  • May occasionally experience performance issues with very large repositories
  • Requires browser permissions, which some users may be hesitant to grant
  • Dependent on GitHub's API, so changes to GitHub could potentially break functionality

Getting Started

  1. Install the Gitako extension for your browser:

  2. Navigate to any GitHub repository page.

  3. Click the Gitako icon in your browser toolbar to toggle the sidebar.

  4. Customize Gitako's settings by clicking the gear icon in the sidebar.

  5. Use the file tree to navigate through the repository structure and quickly access files.

Competitor Comparisons

ovity logo

octotree

22,791

GitHub on steroids

Pros of Octotree

  • More established project with a larger user base and longer history
  • Offers a Pro version with additional features for enterprise users
  • Supports multiple Git hosting platforms (GitHub, GitLab, Bitbucket)

Cons of Octotree

  • Free version has limited features compared to Gitako
  • Slower performance, especially on large repositories
  • Less customizable interface and appearance

Code Comparison

Gitako:

const treeContainer = document.createElement('nav')
treeContainer.className = 'gitako-side-bar'
document.body.appendChild(treeContainer)

Octotree:

const sidebar = document.createElement('div')
sidebar.id = 'octotree'
sidebar.className = 'octotree-sidebar'
document.body.appendChild(sidebar)

Both projects aim to enhance the GitHub browsing experience by providing a file tree sidebar. Gitako focuses on performance and customization, while Octotree offers a more comprehensive feature set, especially in its Pro version. Gitako is generally faster and more lightweight, making it a better choice for large repositories. However, Octotree's multi-platform support and enterprise features make it more suitable for users working across different Git hosting services or requiring advanced functionality.

refined-github logo

refined-github

24,191

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

Pros of Refined GitHub

  • Offers a wider range of features and enhancements for the GitHub interface
  • Provides more customization options for users
  • Has a larger and more active community, resulting in frequent updates and improvements

Cons of Refined GitHub

  • May have a steeper learning curve due to the numerous features
  • Could potentially slow down page load times with its extensive modifications
  • Requires more frequent updates to maintain compatibility with GitHub changes

Code Comparison

Refined GitHub (content script):

import features from '../feature-manager.js';

async function init() {
  await features.add(import('../features/useful-not-found-page.js'));
  await features.add(import('../features/useful-forks-page.js'));
  // ... more feature imports
}

init();

Gitako (content script):

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);
app.mount('#gitako-root');

Both projects use modern JavaScript, but Refined GitHub focuses on feature management, while Gitako utilizes Vue.js for its UI components.

pomber logo

git-history

13,543

Quickly browse the history of a file from any git repository

Pros of git-history

  • Focuses specifically on visualizing file history with an intuitive interface
  • Provides a side-by-side diff view for easy comparison between versions
  • Lightweight and can be easily integrated into existing projects

Cons of git-history

  • Limited to file history visualization, lacking broader repository management features
  • Requires manual integration or setup for each project
  • May not be as suitable for large-scale repositories with complex histories

Code Comparison

git-history:

import React from "react"
import History from "./history"
import { getHistory } from "./github"

const App = ({ path, lang }) => (
  <History path={path} loadShas={getHistory} language={lang} />
)

Gitako:

import React from 'react'
import { connect } from 'react-redux'
import SideBar from './SideBar'
import ErrorBox from './ErrorBox'

const Gitako = ({ error }) => (
  <div className="gitako">
    {error ? <ErrorBox error={error} /> : <SideBar />}
  </div>
)

While both projects use React, git-history focuses on rendering file history, while Gitako provides a more comprehensive sidebar for repository navigation and management.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Gitako

Gitako is a free file tree extension for GitHub, available on Chrome, Firefox and Edge.

Features

  • 📂 File tree for repository and pull request
  • 🔎 Instant file search and navigation
  • 🕶️ Support private repositories
  • 🧩 Support GitHub enterprise, Gitea, Gitee, and more
  • 🏎 Always performant, even in gigantic projects
  • ⌨️ Intuitive keyboard navigation
  • 📋 Copy snippets and file content
  • 🎨 Various icons and official themes support
  • 🗂 Support git submodule
  • 📏 Fold source code

Install

Chrome Edge Firefox

It is more recommended for Edge users to install from Chrome store. It may delay for weeks before updates got published to Edge store because its review process is slow.

Help Gitako

Gitako is FREE. If you like it, please

  • ⭐️ Star it at GitHub
  • 👍 Review in the extension store

Feature discussions and bug reports are also welcome!

Check out contributing.md if you want to contribute to Gitako directly.

About

Source of the name and logo?

The totem of GitHub is a cute octopus. And octopus in Japanese is タコ(tako). Then concat them together:

git + tako -> gitako

The logo of Gitako is a tentacle of octopus, indicates that Gitako works like a part of GitHub.