The App

GitHub File Structure Visualizer (HubTree) is a simple web app that lets you explore repository file structures by entering a GitHub repo URL.

Features

• Interactive File Tree: Expandable directory structure with color-coded icons for different file types (.tsx, .json, .css, etc.)
• One-Click Download: Download the entire repository as a ZIP file directly from the interface
• Structure Copy: Copy the entire file structure to clipboard in plaintext with one click

Use Cases

• Quick Project Evaluation: Instantly assess open-source projects and libraries without cloning
• Technical Interviews: Get rapid project architecture overviews for discussions
• AI Tool Integration: Share exact file structures with AI agents and tools for more accurate project context

Roadmap

ASAP

• Nothing atm

Maybe Later

• Select and copy specific file paths
• Search/filter function
• Toggle to hide certain folders such as .github
• GitLab support
• Export to diagram

In Progress or Complete

• Add icons for different file types (in progress)
  • Shortlist: .npmrc, .vscodeignore, .vsconfig, .filter, .mp3, .config, .htm, .asset, .xsd, .dll, .txt, .log, .meta, .unity
• Expand All, Collapse All buttons ✔️
• Show last commit info for each file on hover click ✔️
• Display file sizes ✔️

Tech Stack

Frontend

React 19.0.0, Next.js 15.1.4, TypeScript 5.7.3, Tailwind CSS 3.4.17, shadcn/ui, Radix UI, Lucide React

Development

VS Code