Skip to content

Navigation Menu

Sign in
Sign up

Latest commit

History

13 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

GitHub Folder Downloader

HTML5 JavaScript CSS3 License: MIT

A sleek, modern web application that allows you to download any folder from a GitHub repository without cloning the entire repo.

Overview

GitHub Folder Downloader is a lightweight, client-side web tool built with vanilla JavaScript and modern web technologies. It uses the GitHub API to fetch folder contents recursively, packages them into a ZIP file, and delivers the download directly in the browser. No server-side processing or authentication is required. The tool is hosted on GitHub Pages and can also be triggered via URL parameters for easy integration.

Live Demo: https://danielcregg.github.io/github-folder-downloader

Features

  • One-Click Downloads - Paste a GitHub folder URL and click download
  • Smart ZIP Packaging - Automatically maintains the original folder structure
  • Modern UI/UX - Elegant glassmorphism design with smooth animations
  • Responsive Design - Works on both desktop and mobile devices
  • Progress Tracking - Real-time download progress indication
  • URL Parameter Support - Trigger downloads via URL query parameters

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, or Edge)
  • No installation required for the hosted version

Getting Started

Installation

Option 1: Use the hosted version

Visit https://danielcregg.github.io/github-folder-downloader

Option 2: Self-host

  1. Clone the repository:

    git clone https://github.com/danielcregg/github-folder-downloader.git
    cd github-folder-downloader
  2. Open index.html in any modern web browser.

Usage

Basic Usage:

Navigate to the app and paste a GitHub folder URL into the input field, then click Download.

With URL Parameter:

https://danielcregg.github.io/github-folder-downloader/?url=https://github.com/user/repo/tree/main/folder

Tech Stack

  • HTML5 - Page structure
  • CSS3 / TailwindCSS - Styling with glassmorphism and gradient effects
  • JavaScript (ES6) - GitHub API interaction, ZIP generation, and download handling
  • JSZip - Client-side ZIP file creation
  • FileSaver.js - Browser-based file saving
  • Animate.css - UI animations
  • GitHub Pages - Static site hosting

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

A client-side web tool to download any folder from a GitHub repository as a ZIP file without cloning

Topics

Resources

Stars

10 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /