https://github.com/manfromanotherland/directory-index-ui
Better and prettier directory index
https://github.com/manfromanotherland/directory-index-ui
Last synced: about 2 months ago
JSON representation
Better and prettier directory index
- Host: GitHub
- URL: https://github.com/manfromanotherland/directory-index-ui
- Owner: manfromanotherland
- License: mit
- Created: 2014-06-05T04:31:59.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2023-12-20T13:00:09.000Z (over 1 year ago)
- Last Synced: 2025-04-11T06:03:42.853Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 102 KB
- Stars: 194
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Directory index redesigned
I never liked the default styling of the web directory index on macOS, so I redesign it.
| Before 🤢 | After 😍 |
| --- | --- |
|  |  |
## Installing
1. Download the repository and move the .dot files to the directory you want to style – for instance, on macOS that can be the `Sites` folder.
2. Done!
To toggle visibility of .dot's files, do this on Terminal:
```sh
defaults write com.apple.finder AppleShowAllFiles -bool TRUE && killall Finder
```
To get back to the default behavior, just change `TRUE` to `FALSE`.
## Features
- Responsive
- Sort by name or modification date
- Show/hide hidden files
- Uses favicons from directories
## Alternatives
Lots of people have pointed it out alternatives for this project. There's a lot of great stuff out there, so have a look:
- [Apaxy](http://adamwhitcroft.com/apaxy/): enhance the experience of browsing web directories
- [h5ai](https://larsjung.de/h5ai/): a modern HTTP web server index
- [LocalTheme](https://github.com/VictorCamargo/LocalTheme): a beautiful and useful theme for localhost
- [Windex](https://github.com/desandro/windex): stylized directory listings
## Acknowledge
Code heavily taken from [this post](https://css-tricks.com/snippets/php/display-styled-directory-contents/) on CSS-Tricks. So hats off to [Chris Coyier](https://twitter.com/chriscoyier)!