directory-index-ui
directory-index-ui copied to clipboard
Better and prettier directory index
Pretty Localhost is Pretty
I never liked the default styling of localhost (directory index), so I redesign it.
| Before 🤢 | After 😍 |
|---|---|
![]() |
![]() |
Installing
- Download the repository and move the .dot files to your localhost directory – on OS X, that will be the
Sitesfolder. - Done!
To toggle visibility of .dot's files, do this on Terminal:
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
- Favicons
Collaborating
If you have any suggestions, please create an issue or fork the project and submit your pull request.
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: enhance the experience of browsing web directories
- h5ai: a modern HTTP web server index
- LocalTheme: a beautiful and useful theme for localhost
- Windex: stylized directory listings
Acknowledge
Code heavily taken from this post on CSS-Tricks. So hats off to Chris Coyier!

