Directory

Directory is a css-only, lightweight visualisation of a directory structure.

Documentation

Here's an example of the code:

<link rel="stylesheet" href="css/directory.css">
...
<ul class="directory">
   <li class="folder">app
       <ul>
           <li class="folder">commands</li>
           <li class="folder">config
               <ul>
                   <li class="folder">local
                       <ul>
                           <li class="file">app.php</li>
                           <li class="file">database.php</li>
                       </ul>
                   </li>
                   <li class="file">packages</li>
                   <li class="file">app.php</li>
               </ul>
           </li>
           <li class="folder">controllers</li>
           <li class="file">filters.php</li>
           <li class="file">routes.php</li>
       </ul>
   </li>
   <li class="file">composer.json</li>
</ul>

which wil result into:

Browser support

Other projects

Here are some other projects I've been working on: