title = "Community"
url = "/community"
layout = "default"
description = "Find a list of online user communities here."
is_hidden = 0
==
{##}
{% put head_text %}
  <p class="small">
    Godot has a very active community across multiple channels.<br />
    By joining Godot communities, you agree to follow Godot's <a href="/code-of-conduct">Code of Conduct</a>.
  </p>
{% endput %}

<style>
  .card {
    height: 100%;
  }

  a.card {
    display: block;
    text-decoration: none;
  }

  .card img {
    width: 100%;
    height: auto;
  }

  h3 a {
    text-decoration: none;
  }

  #user-groups {
    margin-bottom: 16px;
    background-color: var(--dark-color);
    color: var(--dark-color-text);
  }

  #user-groups h3 {
    color: var(--dark-color-text-title);
    margin-bottom: 0;
  }

  #events {
    margin-bottom: 16px;
  }

  .extras {
    grid-column-end: span 2;
    display: flex;
    flex-direction: column;
  }

  .extras .card {
    height: auto;
    flex: 1;
  }

  @media (max-width: 600px) {
    .extras {
      grid-column-end: span 1;
    }
  }
</style>

<div class="flex grid">

  <div class="extras">
    {# Inline scripts aren't supported by Barba.js. #}
    <a href="/community/user-groups" class="card base-padding" id="user-groups">
      <h3>User groups</h3>
      <p>Find local Godot user groups run by community members.</p>
    </a>
    <a href="/events" class="card base-padding" id="events">
      <h3>Events</h3>
      <p>Upcoming community events.</p>
    </a>
    <a href="https://docs.godotengine.org/en/stable/community/tutorials.html" class="card base-padding">
      <h3>Tutorials</h3>
      <p>Find tutorials and guides written by the community.</p>
    </a>
  </div>

  <div>
    <div class="card">
      <a href="https://godotengine.org/qa">
        <img
          src="{{ 'assets/community/icon_qa.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #fbfbfb 30%, #fdfcfd 46%, #e7ebed 83%, #fefdfe 98%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://godotengine.org/qa">Questions &amp; Answers</a></h3>
        <p>Place to ask questions and search for answers from the community.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://discord.gg/4JBkykG">
        <img
          src="{{ 'assets/community/icon_discord.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #323541 16%, #42454e 33%, #383b42 82%, #35373e 96%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://discord.gg/4JBkykG">Discord</a></h3>
        <p>A vibrant community for discussion, user support, showcases... and custom emoji!</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://chat.godotengine.org">
        <img
          src="{{ 'assets/community/icon_godot_contributors_chat.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #31363f 13%, #31363f 20%, #20242a 64%, #202429 94%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://chat.godotengine.org">Godot Contributors Chat</a></h3>
        <p>Chat for engine contributors and developers based on Rocket.Chat.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.reddit.com/r/godot">
        <img
          src="{{ 'assets/community/icon_reddit.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background-color: #4492e6"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://www.reddit.com/r/godot">Reddit</a></h3>
        <p>A community for discussion and support in development with the game engine.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://github.com/godotengine/godot">
        <img
          src="{{ 'assets/community/icon_github.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #e2e2e3 30%, #e2e2e3 45%, #e3e4e4 80%, #d5d7d7 91%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://github.com/godotengine/godot">GitHub</a></h3>
        <p>Send bug reports here. To request features, use the <a href="https://github.com/godotengine/godot-proposals">Godot proposals</a> repository instead.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://twitter.com/godotengine">
        <img
          src="{{ 'assets/community/icon_twitter.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #fbfbfc 2%, #fbfbfc 9%, #edf1ef 92%, #fbfbfc 99%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://twitter.com/godotengine">Twitter</a></h3>
        <p>Get small bits of development news.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.youtube.com/c/GodotEngineOfficial">
        <img
          src="{{ 'assets/community/icon_youtube.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #cdbcc5 24%, #cdbcc5 57%, #cdbcc5 66%, #cab8c1 92%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://www.youtube.com/c/GodotEngineOfficial">YouTube</a></h3>
        <p>Channel for official Godot videos.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.facebook.com/groups/godotengine/">
        <img
          src="{{ 'assets/community/icon_facebook.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #2f3c63 5%, #2f3c63 25%, #2f3c63 65%, #2f3c63 82%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://www.facebook.com/groups/godotengine/">Facebook</a></h3>
        <p>Large community for discussions around Godot.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://godotforums.org">
        <img
          src="{{ 'assets/community/icon_forum.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #e3eaf1 2%, #e3eaf1 28%, #e3eaf1 57%, #e3eaf1 90%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://godotforums.org">Forum</a></h3>
        <p>Community forum for all Godot developers.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://steamcommunity.com/app/404790">
        <img
          src="{{ 'assets/community/icon_steam.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #1b232d 2%, #1b232d 52%, #131920 78%, #1b232d 98%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://steamcommunity.com/app/404790">Steam Community</a></h3>
        <p>Discuss and share tips with other developers on Steam.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://mastodon.gamedev.place/@godotengine">
        <img
          src="{{ 'assets/community/icon_mastodon.png'|theme }}"
          width="350"
          height="215"
          alt=""
          style="background: linear-gradient(90deg, #fbfbfc 2%, #fbfbfc 9%, #edf1ef 92%, #fbfbfc 99%)"
          loading="lazy"
        >
      </a>
      <div class="base-padding">
        <h3><a href="https://mastodon.gamedev.place/@godotengine">Mastodon</a></h3>
        <p>Connect with us in the Fediverse.</p>
      </div>
    </div>
  </div>
  
  <div class="extras">
    <a href="https://web.libera.chat/#godotengine" class="card base-padding" id="events">
      <h3>IRC</h3>
      <p>
        Old-fashioned but reliable chat platform. Significantly less active than Discord. <span style="font-family: monospace; opacity: 0.7;">#godotengine@libera.chat</span>
      </p>
    </a>
    <a href="https://matrix.to/#/#godotengine:matrix.org" class="card base-padding">
      <h3>Matrix</h3>
      <p>Libre decentralized chat with advanced features, IRC compatible.</p>
    </a>
  </div>
</div>