---
title: Wild Cloud
description: Wild Cloud is an Open Source, self-hosted, sovereign cloud platform for hosting your applications and services.
---

![Your Wild Cloud Logo](wild-cloud.svg)


Wild clouds are open source community-managed infrastructure for hosting applications and services. A wild cloud is a private data center run by communities for communities.

Wild clouds are made of multiple computers connected in a cluster running on your own network. Once set up, applications for your community can be deployed to it with a few clicks. We make the most popular and high-quality apps available in our app store, but communities can host any software they'd like for their members. A simple wild cloud can be had for the price of a smart phone and can scale to support communities of all sizes.

Wild Cloud is an open source, forever free, non-profit, community-driven project, educational in nature, designed to empower society to directly control its own data and services.

This is a wild cloud:

![A Wild Cloud](/img/wc01.jpg)

This is also a wild cloud:

![A Wild Cloud](/img/wc02.jpg)

## Apps

Deploy applications to your Wild Cloud with just a few clicks. We curate an ever-growing collection of open-source, high-quality applications most used by communities.

<div class="app-filters">
  <button class="filter-btn active" data-filter="all">All</button>
  <button class="filter-btn" data-filter="available">Available Now</button>
  <button class="filter-btn" data-filter="coming-soon">Coming Soon</button>
  <span class="filter-divider"></span>
  <button class="filter-btn" data-filter="ai">AI</button>
  <button class="filter-btn" data-filter="civic">Civic</button>
  <button class="filter-btn" data-filter="collaboration">Collaboration</button>
  <button class="filter-btn" data-filter="coop">Coop</button>
  <button class="filter-btn" data-filter="crm">CRM</button>
  <button class="filter-btn" data-filter="democracy">Democracy</button>
  <button class="filter-btn" data-filter="dev">Dev</button>
  <button class="filter-btn" data-filter="events">Events</button>
  <button class="filter-btn" data-filter="finance">Finance</button>
  <button class="filter-btn" data-filter="forms">Forms</button>
  <button class="filter-btn" data-filter="infra">Infrastructure</button>
  <button class="filter-btn" data-filter="knowledge">Knowledge</button>
  <button class="filter-btn" data-filter="learning">Learning</button>
  <button class="filter-btn" data-filter="maps">Maps</button>
  <button class="filter-btn" data-filter="media">Media</button>
  <button class="filter-btn" data-filter="nocode">No-Code</button>
  <button class="filter-btn" data-filter="projects">Projects</button>
  <button class="filter-btn" data-filter="publishing">Publishing</button>
  <button class="filter-btn" data-filter="sharing">Sharing</button>
  <button class="filter-btn" data-filter="social">Social</button>
</div>

<div class="app-showcase" id="app-grid">
  <a href="https://akaunting.com/" class="app-icon coming-soon" data-category="finance" data-status="coming-soon" title="Accounting software">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/akaunting.svg" alt="Akaunting">
    <span>Akaunting</span>
  </a>
  <a href="https://alaveteli.org/" class="app-icon coming-soon" data-category="civic" data-status="coming-soon" title="FOI request platform">
    <img src="https://avatars.githubusercontent.com/u/79887" alt="Alaveteli">
    <span>Alaveteli</span>
  </a>
  <a href="https://baserow.io/" class="app-icon coming-soon" data-category="nocode" data-status="coming-soon" title="No-code database platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/baserow.svg" alt="Baserow">
    <span>Baserow</span>
  </a>
  <a href="https://www.belenios.org/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="Verifiable voting system">
    <img src="https://avatars.githubusercontent.com/u/56809296" alt="Belenios">
    <span>Belenios</span>
  </a>
  <a href="https://bigbluebutton.org/" class="app-icon coming-soon" data-category="collaboration learning" data-status="coming-soon" title="Web conferencing for learning">
    <img src="https://avatars.githubusercontent.com/u/1908859" alt="BigBlueButton">
    <span>BigBlueButton</span>
  </a>
  <a href="https://www.bookstackapp.com/" class="app-icon coming-soon" data-category="knowledge" data-status="coming-soon" title="Self-hosted documentation">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/bookstack.svg" alt="BookStack">
    <span>BookStack</span>
  </a>
  <a href="https://bookwyrm.social/" class="app-icon coming-soon" data-category="social" data-status="coming-soon" title="Federated book social network">
    <img src="https://raw.githubusercontent.com/bookwyrm-social/bookwyrm/main/bookwyrm/static/images/logo.png" alt="BookWyrm">
    <span>BookWyrm</span>
  </a>
  <a href="https://chamilo.org/" class="app-icon coming-soon" data-category="learning" data-status="coming-soon" title="E-learning platform">
    <img src="https://avatars.githubusercontent.com/u/5037740" alt="Chamilo">
    <span>Chamilo</span>
  </a>
  <a href="https://civicrm.org/" class="app-icon coming-soon" data-category="crm" data-status="coming-soon" title="Nonprofit CRM">
    <img src="https://avatars.githubusercontent.com/u/112711" alt="CiviCRM">
    <span>CiviCRM</span>
  </a>
  <a href="https://consulproject.org/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="Citizen participation platform">
    <img src="https://avatars.githubusercontent.com/u/7923311" alt="Consul">
    <span>Consul</span>
  </a>
  <a href="https://cryptpad.org/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Encrypted collaborative docs">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/cryptpad.svg" alt="CryptPad">
    <span>CryptPad</span>
  </a>
  <a href="https://decidim.org/" class="app-icon" data-category="democracy" data-status="available" title="Participatory democracy platform">
    <img src="https://raw.githubusercontent.com/decidim/decidim/develop/logo.svg" alt="Decidim">
    <span>Decidim</span>
  </a>
  <a href="https://www.discourse.org/" class="app-icon" data-category="collaboration" data-status="available" title="Community discussion platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/discourse.svg" alt="Discourse">
    <span>Discourse</span>
  </a>
  <a href="https://etherpad.org/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Real-time collaborative editor">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/etherpad.svg" alt="Etherpad">
    <span>Etherpad</span>
  </a>
  <a href="https://eventyay.com/" class="app-icon coming-soon" data-category="events" data-status="coming-soon" title="Event management platform">
    <img src="https://avatars.githubusercontent.com/u/7248242" alt="Eventyay">
    <span>Eventyay</span>
  </a>
  <a href="https://www.firefly-iii.org/" class="app-icon coming-soon" data-category="finance" data-status="coming-soon" title="Personal finance manager">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/firefly-iii.svg" alt="Firefly III">
    <span>Firefly III</span>
  </a>
  <a href="https://fixmystreet.org/" class="app-icon coming-soon" data-category="civic" data-status="coming-soon" title="Report local problems">
    <img src="https://avatars.githubusercontent.com/u/79887" alt="FixMyStreet">
    <span>FixMyStreet</span>
  </a>
  <a href="https://formbricks.com/" class="app-icon coming-soon" data-category="forms" data-status="coming-soon" title="Open source survey platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/formbricks.svg" alt="Formbricks">
    <span>Formbricks</span>
  </a>
  <a href="https://gancio.org/" class="app-icon coming-soon" data-category="social events" data-status="coming-soon" title="Shared agenda for communities">
    <img src="https://gancio.org/logo.svg" alt="Gancio">
    <span>Gancio</span>
  </a>
  <a href="https://ghost.org/" class="app-icon" data-category="publishing" data-status="available" title="Publishing platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/ghost.png" alt="Ghost">
    <span>Ghost</span>
  </a>
  <a href="https://about.gitea.com/" class="app-icon" data-category="dev" data-status="available" title="Self-hosted Git service">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/gitea.svg" alt="Gitea">
    <span>Gitea</span>
  </a>
  <a href="https://www.gnucash.org/" class="app-icon coming-soon" data-category="finance" data-status="coming-soon" title="Double-entry accounting">
    <img src="https://avatars.githubusercontent.com/u/8027736" alt="GnuCash">
    <span>GnuCash</span>
  </a>
  <a href="https://heliosvoting.org/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="Verifiable online voting">
    <img src="https://avatars.githubusercontent.com/u/303693" alt="Helios">
    <span>Helios Voting</span>
  </a>
  <a href="https://immich.app/" class="app-icon" data-category="media" data-status="available" title="Photo & video backup">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/immich.svg" alt="Immich">
    <span>Immich</span>
  </a>
  <a href="https://getindico.io/" class="app-icon coming-soon" data-category="events" data-status="coming-soon" title="Event management from CERN">
    <img src="https://avatars.githubusercontent.com/u/3920772" alt="Indico">
    <span>Indico</span>
  </a>
  <a href="https://jitsi.org/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Video conferencing">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/jitsi.svg" alt="Jitsi">
    <span>Jitsi</span>
  </a>
  <a href="https://karrot.world/" class="app-icon coming-soon" data-category="sharing coop" data-status="coming-soon" title="Grassroots coordination">
    <img src="https://avatars.githubusercontent.com/u/18049498" alt="Karrot">
    <span>Karrot</span>
  </a>
  <a href="https://www.keila.io/" class="app-icon" data-category="crm" data-status="available" title="Email marketing">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/keila.svg" alt="Keila">
    <span>Keila</span>
  </a>
  <a href="https://leihs.app/" class="app-icon coming-soon" data-category="sharing" data-status="coming-soon" title="Equipment lending system">
    <img src="https://avatars.githubusercontent.com/u/1154614" alt="Leihs">
    <span>Leihs</span>
  </a>
  <a href="https://join-lemmy.org/" class="app-icon" data-category="social" data-status="available" title="Link aggregator for the fediverse">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/lemmy.svg" alt="Lemmy">
    <span>Lemmy</span>
  </a>
  <a href="https://librebooking.org/" class="app-icon coming-soon" data-category="sharing" data-status="coming-soon" title="Resource scheduling">
    <img src="https://avatars.githubusercontent.com/u/89961553" alt="LibreBooking">
    <span>LibreBooking</span>
  </a>
  <a href="https://www.limesurvey.org/" class="app-icon coming-soon" data-category="forms" data-status="coming-soon" title="Professional survey platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/limesurvey.svg" alt="LimeSurvey">
    <span>LimeSurvey</span>
  </a>
  <a href="https://liquidfeedback.com/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="Liquid democracy platform">
    <img src="https://avatars.githubusercontent.com/u/3580174" alt="LiquidFeedback">
    <span>LiquidFeedback</span>
  </a>
  <a href="https://listmonk.app/" class="app-icon" data-category="crm" data-status="available" title="Newsletter manager">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/listmonk.svg" alt="Listmonk">
    <span>Listmonk</span>
  </a>
  <a href="https://www.loomio.com/" class="app-icon" data-category="democracy" data-status="available" title="Group decision-making">
    <img src="https://www.loomio.com/brand/logo_gold.svg" alt="Loomio">
    <span>Loomio</span>
  </a>
  <a href="https://mapcomplete.org/" class="app-icon coming-soon" data-category="maps" data-status="coming-soon" title="OSM themed maps">
    <img src="https://avatars.githubusercontent.com/u/66927796" alt="MapComplete">
    <span>MapComplete</span>
  </a>
  <a href="https://joinmastodon.org/" class="app-icon" data-category="social" data-status="available" title="Decentralized social network">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mastodon.svg" alt="Mastodon">
    <span>Mastodon</span>
  </a>
  <a href="https://matrix.org/" class="app-icon" data-category="social collaboration" data-status="available" title="Secure real-time messaging">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/matrix.svg" alt="Matrix">
    <span>Matrix</span>
  </a>
  <a href="https://mattermost.com/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Self-hosted Slack alternative">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mattermost.svg" alt="Mattermost">
    <span>Mattermost</span>
  </a>
  <a href="https://www.mautic.org/" class="app-icon coming-soon" data-category="crm" data-status="coming-soon" title="Marketing automation">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mautic.svg" alt="Mautic">
    <span>Mautic</span>
  </a>
  <a href="https://www.mediawiki.org/" class="app-icon coming-soon" data-category="knowledge" data-status="coming-soon" title="Wikipedia's software">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mediawiki.svg" alt="MediaWiki">
    <span>MediaWiki</span>
  </a>
  <a href="https://www.memcached.org/" class="app-icon" data-category="infra" data-status="available" title="Distributed memory caching">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/memcached.svg" alt="Memcached">
    <span>Memcached</span>
  </a>
  <a href="https://joinmobilizon.org/" class="app-icon coming-soon" data-category="social events" data-status="coming-soon" title="Federated event organizing">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mobilizon.svg" alt="Mobilizon">
    <span>Mobilizon</span>
  </a>
  <a href="https://moodle.org/" class="app-icon coming-soon" data-category="learning" data-status="coming-soon" title="Learning management system">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/moodle.svg" alt="Moodle">
    <span>Moodle</span>
  </a>
  <a href="https://www.mysql.com/" class="app-icon" data-category="infra" data-status="available" title="Relational database">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/mysql.svg" alt="MySQL">
    <span>MySQL</span>
  </a>
  <a href="https://nextcloud.com/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Complete collaboration platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg" alt="Nextcloud">
    <span>Nextcloud</span>
  </a>
  <a href="https://nocodb.com/" class="app-icon coming-soon" data-category="nocode" data-status="coming-soon" title="Airtable alternative">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nocodb.svg" alt="NocoDB">
    <span>NocoDB</span>
  </a>
  <a href="https://www.odoo.com/" class="app-icon coming-soon" data-category="crm" data-status="coming-soon" title="Business suite">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/odoo.svg" alt="Odoo">
    <span>Odoo</span>
  </a>
  <a href="https://ohmyform.com/" class="app-icon coming-soon" data-category="forms" data-status="coming-soon" title="Self-hosted form builder">
    <img src="https://avatars.githubusercontent.com/u/51406676" alt="OhMyForm">
    <span>OhMyForm</span>
  </a>
  <a href="https://opencollective.com/" class="app-icon coming-soon" data-category="finance coop" data-status="coming-soon" title="Transparent fundraising">
    <img src="https://avatars.githubusercontent.com/u/17980918" alt="Open Collective">
    <span>Open Collective</span>
  </a>
  <a href="https://openedx.org/" class="app-icon coming-soon" data-category="learning" data-status="coming-soon" title="Online learning at scale">
    <img src="https://avatars.githubusercontent.com/u/3170503" alt="Open edX">
    <span>Open edX</span>
  </a>
  <a href="https://openfoodnetwork.org/" class="app-icon coming-soon" data-category="coop" data-status="coming-soon" title="Local food network">
    <img src="https://avatars.githubusercontent.com/u/2291587" alt="Open Food Network">
    <span>Open Food</span>
  </a>
  <a href="https://openwebui.com/" class="app-icon" data-category="ai" data-status="available" title="ChatGPT-like interface for local LLMs">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/open-webui.svg" alt="Open WebUI">
    <span>Open WebUI</span>
  </a>
  <a href="https://www.openproject.org/" class="app-icon" data-category="projects" data-status="available" title="Project management">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/openproject.svg" alt="OpenProject">
    <span>OpenProject</span>
  </a>
  <a href="https://getoutline.com/" class="app-icon coming-soon" data-category="knowledge" data-status="coming-soon" title="Team knowledge base">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/outline.svg" alt="Outline">
    <span>Outline</span>
  </a>
  <a href="https://joinpeertube.org/" class="app-icon coming-soon" data-category="social media" data-status="coming-soon" title="Decentralized video hosting">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/peertube.svg" alt="PeerTube">
    <span>PeerTube</span>
  </a>
  <a href="https://pixelfed.org/" class="app-icon coming-soon" data-category="social media" data-status="coming-soon" title="Federated image sharing">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/pixelfed.svg" alt="Pixelfed">
    <span>Pixelfed</span>
  </a>
  <a href="https://pol.is/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="AI-powered opinion gathering">
    <img src="https://avatars.githubusercontent.com/u/4134512" alt="Pol.is">
    <span>Pol.is</span>
  </a>
  <a href="https://www.postgresql.org/" class="app-icon" data-category="infra" data-status="available" title="Advanced relational database">
    <img src="https://www.postgresql.org/media/img/about/press/elephant.png" alt="PostgreSQL">
    <span>PostgreSQL</span>
  </a>
  <a href="https://pretix.eu/" class="app-icon coming-soon" data-category="events" data-status="coming-soon" title="Ticket sales & registration">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/pretix.svg" alt="Pretix">
    <span>Pretix</span>
  </a>
  <a href="https://redis.io/" class="app-icon" data-category="infra" data-status="available" title="In-memory data store">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/redis.svg" alt="Redis">
    <span>Redis</span>
  </a>
  <a href="https://resonate.coop/" class="app-icon coming-soon" data-category="coop media" data-status="coming-soon" title="Music streaming coop">
    <img src="https://avatars.githubusercontent.com/u/14469932" alt="Resonate">
    <span>Resonate</span>
  </a>
  <a href="https://rocket.chat/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Team collaboration platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/rocket-chat.svg" alt="Rocket.Chat">
    <span>Rocket.Chat</span>
  </a>
  <a href="https://taiga.io/" class="app-icon coming-soon" data-category="projects" data-status="coming-soon" title="Agile project management">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/taiga.svg" alt="Taiga">
    <span>Taiga</span>
  </a>
  <a href="https://terrastories.app/" class="app-icon coming-soon" data-category="maps" data-status="coming-soon" title="Geostorytelling">
    <img src="https://avatars.githubusercontent.com/u/42573682" alt="Terrastories">
    <span>Terrastories</span>
  </a>
  <a href="https://typebot.io/" class="app-icon coming-soon" data-category="forms" data-status="coming-soon" title="Conversational form builder">
    <img src="https://avatars.githubusercontent.com/u/76883539" alt="Typebot">
    <span>Typebot</span>
  </a>
  <a href="https://umap.openstreetmap.fr/" class="app-icon coming-soon" data-category="maps" data-status="coming-soon" title="Custom maps with OSM">
    <img src="https://avatars.githubusercontent.com/u/14034779" alt="uMap">
    <span>uMap</span>
  </a>
  <a href="https://www.ushahidi.com/" class="app-icon coming-soon" data-category="maps civic" data-status="coming-soon" title="Crowdsourced mapping">
    <img src="https://avatars.githubusercontent.com/u/49912" alt="Ushahidi">
    <span>Ushahidi</span>
  </a>
  <a href="https://docs.vllm.ai/" class="app-icon" data-category="ai" data-status="available" title="High-performance LLM inference server">
    <img src="https://unpkg.com/@lobehub/icons-static-png@latest/dark/vllm.png" alt="vLLM">
    <span>vLLM</span>
  </a>
  <a href="https://wekan.github.io/" class="app-icon coming-soon" data-category="projects" data-status="coming-soon" title="Open source Kanban board">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/wekan.svg" alt="Wekan">
    <span>Wekan</span>
  </a>
  <a href="https://js.wiki/" class="app-icon coming-soon" data-category="knowledge" data-status="coming-soon" title="Modern wiki platform">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/wikijs.svg" alt="Wiki.js">
    <span>Wiki.js</span>
  </a>
  <a href="https://writefreely.org/" class="app-icon coming-soon" data-category="social publishing" data-status="coming-soon" title="Minimalist federated blogging">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/writefreely.svg" alt="WriteFreely">
    <span>WriteFreely</span>
  </a>
  <a href="https://citizens.is/" class="app-icon coming-soon" data-category="democracy" data-status="coming-soon" title="Citizen engagement platform">
    <img src="https://avatars.githubusercontent.com/u/6688058" alt="Your Priorities">
    <span>Your Priorities</span>
  </a>
  <a href="https://zulip.com/" class="app-icon coming-soon" data-category="collaboration" data-status="coming-soon" title="Threaded team chat">
    <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/zulip.svg" alt="Zulip">
    <span>Zulip</span>
  </a>
</div>

<p class="app-count"><span id="visible-count">0</span> apps shown</p>

<div style="text-align: center; margin-top: 1rem;">
  <a href="https://git.civilsociety.dev/wild-cloud/wild-directory" target="_blank" class="filter-btn" style="display: inline-block; text-decoration: none;">View App Directory on Gitea</a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const filterBtns = document.querySelectorAll('.filter-btn');
  const appGrid = document.getElementById('app-grid');
  if (!appGrid) return;
  const apps = appGrid.querySelectorAll('.app-icon');
  const countEl = document.getElementById('visible-count');

  function updateCount() {
    const visible = appGrid.querySelectorAll('.app-icon:not([style*="display: none"])').length;
    countEl.textContent = visible;
  }

  filterBtns.forEach(btn => {
    if (!btn.dataset.filter) return;
    btn.addEventListener('click', function() {
      const filter = this.dataset.filter;
      
      // Update active state
      filterBtns.forEach(b => {
        if (b.dataset.filter) b.classList.remove('active');
      });
      this.classList.add('active');
      
      // Filter apps
      apps.forEach(app => {
        const category = app.dataset.category || '';
        const status = app.dataset.status || '';
        
        let show = false;
        if (filter === 'all') {
          show = true;
        } else if (filter === 'available') {
          show = status === 'available';
        } else if (filter === 'coming-soon') {
          show = status === 'coming-soon';
        } else {
          show = category.includes(filter);
        }
        
        app.style.display = show ? '' : 'none';
      });
      
      updateCount();
    });
  });
  
  // Initial count
  updateCount();
});
</script>

## Get started

We're in the early days of the Wild Cloud project, yet we already have two functional "Proof of concept" clouds. In fact, all Wild Cloud and [CSTF](https://civilsociety.dev) sites and services are running on our PoC wild cloud. The concept works. If you are an experienced developer, you can check out the software and start building your own wild cloud. We are actively seeking active communites to pilot new wild cloud installations.

If you would like to get us to this next milestone, join our [developer community](https://git.civilsociety.dev/wild-cloud/wild-cloud).