JavaScript Dynamic File Explorer

This repository contains JavaScript for a dynamically generated file explorer for any GitHub repository.

Description

Essentially, this script produces an unordered list of all folders and files in a given GitHub repository. Files automatically have their GitHub blob links attached to them. Folders support different icons for being 'open' (displaying their contents) and 'closed'. Adding specific icons for any file extensions is supported through CSS without the need for modifying the script itself.

Usage

Import the script using the standard <script> method. Add the contents of the stylesheet to your style.css file or import it externally.
Add specific icons for certain file extensions by adding this to your style.css:

.file-extension a::before {
    background-image: url(/your/image/path/here);
}

A sample of this script can be found in the index.html file that uses this repository as an example. You can view this example as a website here.

Legal

© 2025 wyndchyme. Licensed under the Apache License 2.0.