Skip to content

wyndchyme/js-fileexplorer

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
docs
docs
 
 
explorer.js
explorer.js
 
 
index.html
index.html
 
 
style.css
style.css
 
 

Repository files navigation

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.

About

JavaScript that dynamically produces a file explorer from a given GitHub repository.

wyndchyme.github.io/js-fileexplorer/

Topics

javascript web js file-explorer

Resources

Readme

Code of conduct

Code of conduct
Activity

Stars

2 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases 1

release Latest
Feb 18, 2025

Contributors

Languages