directory-index-ui icon indicating copy to clipboard operation
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 😍
Localhost Before Localhost After

Installing

  1. Download the repository and move the .dot files to your localhost directory – on OS X, that will be the Sites folder.
  2. 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!