---
permalink: /catalog/
layout: default
title: Catalog
---

<section class="section">
  <div class="container">
    <nav class="breadcrumb" aria-label="breadcrumbs">
      <ul>
        <li><a href="/">Singlebox</a></li>
        <li class="is-active"><a href="/catalog">Catalog</a></li>
      </ul>
    </nav>

    <p>Singlebox comes with <b>a catalog of popular and useful apps</b> to help you set up everything easily.</p>

    <p>Can't find your favorite apps? Singlebox lets you <b>create custom apps from any websites!</b></p>

    <br/>

    <div class="columns is-multiline">
      {% for item in site.catalog %}
      <div class="column is-3" style="padding-top: 30px;">
        <a href="https://s3.singleboxapp.com/apps/{{ item.key }}/{{ item.key }}-icon.png">
          <img src="https://s3.singleboxapp.com/apps/{{ item.key }}/{{ item.key }}-icon-128.png" class="app-icon-small">
        </a>
        <p>{{ item.name }}</p>
      </div>
      {% endfor %}
    </div>
  </div>
</section>