---
title: Community & Support
description: Web Awesome has a growing community of designers and developers that are building amazing things with web components.
layout: page
---

  <p>We know people have their own way of reaching out, so our team makes sure you can find us wherever you need — whether it’s filing an issue on GitHub, chatting with the community on Discord, or getting private help via email. If you’re just getting started, don’t miss our <a href="/docs/">Instillation Guide</a>.</p>

<wa-divider></wa-divider>

<div class="wa-stack wa-gap-xl">
<div class="wa-stack wa-align-items-start">
  <div class="wa-stack wa-gap-s">
    <h2 class="anchor-heading wa-cluster wa-gap-xs" data-no-anchor><wa-icon name="github" family="brands" style="font-size: 2ch;"></wa-icon>GitHub</h2>
    <span class="wa-heading-m">Feature requests & bugs</span>
    <p class="wa-caption-l">Notice a bug or have an idea? Open an issue on GitHub so we can triage, track, and ship fixes.</p>
  </div>
  <ul>
    <li>Report reproducible bugs with clear steps.</li>
    <li>Suggest features that improve developer workflow</li>
    <li>Vote on issues others have filed to help us prioritize.</li>
  </ul>
  <div class="wa-cluster wa-gap-s">
    <wa-button href="https://github.com/shoelace-style/webawesome/discussions/categories/ideas-suggestions" appearance="filled">
      Request a Feature
    </wa-button>
    <wa-button href="https://github.com/shoelace-style/webawesome/issues" appearance="outlined">
      Report a Bug
    </wa-button>
  </div>  
</div>
<wa-divider></wa-divider>
<div class="wa-stack wa-align-items-start">
  <div class="wa-stack wa-gap-s">
    <h2 class="anchor-heading wa-cluster wa-gap-xs" data-no-anchor><wa-icon name="discord" family="brands" style="font-size: 2ch;"></wa-icon>Discord</h2>
    <span class="wa-heading-m">Community & Discussion</span>
    <p class="wa-caption-l">Ask questions, share tips, and connect with other developers in real time.</p>
  </div>
  <ul>
    <li>Ask for help</li>
    <li>Share ideas and get feedback</li>
    <li>Show the community what you're working on</li>
    <li>Chat live with other designers, developers, and Web Awesome supporters.</li>
  </ul>
  <wa-button href="https://discord.com/invite/mg8f26C" appearance="filled">
    Join Discord
  </wa-button>
</div>
<wa-divider></wa-divider>
<div class="wa-stack wa-align-items-start">
  <div class="wa-stack wa-gap-s">
    <h2 class="anchor-heading wa-cluster wa-gap-xs" data-no-anchor><wa-icon name="envelope" style="font-size: 2ch;"></wa-icon>Email</h2>
    <span class="wa-heading-m">Anything Else</span>
    <p class="wa-caption-l">Billing questions, account access, or sensitive issues—reach our support team directly.</p>
  </div>
  <ul>
    <li>Account access & login issues.</li>
    <li>Billing or subscription questions.</li>
    <li>Private matters you don’t want to post publicly.</li>
  </ul>
  <wa-button href="mailto:help@webawesome.com" appearance="filled">
    Get Help via Email
  </wa-button>
</div>
<wa-divider></wa-divider>
</div>
<div class="wa-stack" style="margin-block-start: var(--wa-space-xl);">
  <div class="wa-stack wa-gap-s">
    <h2 data-no-anchor>Socials</h2>
    <p>We’re everywhere you are — follow us on your favorite social media platforms for the latest news and updates.</p>
  </div>
<div class="wa-cluster wa-caption-2xl">
    <h2 class="wa-visually-hidden">Web Awesome Elsewhere</h2>
    <a href="https://github.com/shoelace-style/webawesome" rel="noopener noreferrer" target="_blank" class="appearance-plain">
      <wa-icon family="brands" name="github" label="GitHub" role="img" aria-label="GitHub" library="default"></wa-icon>
    </a>
    <a href="https://bsky.app/profile/webawesome.com" rel="noopener noreferrer" target="_blank" class="appearance-plain">
      <wa-icon family="brands" name="bluesky" label="Bluesky" role="img" aria-label="Bluesky" library="default"></wa-icon>
    </a>
    <a href="https://mastodon.social/@webawesome" rel="noopener noreferrer" target="_blank" class="appearance-plain">
      <wa-icon family="brands" name="mastodon" label="Mastodon" role="img" aria-label="Mastodon" library="default"></wa-icon>
    </a>
    <a href="https://x.com/webawesomer" rel="noopener noreferrer" target="_blank" class="appearance-plain">
      <wa-icon family="brands" name="x-twitter" label="Twitter (X)" role="img" aria-label="Twitter (X)" library="default"></wa-icon>
    </a>
    <a href="https://www.threads.com/@web.awesome" rel="noopener noreferrer" target="_blank" class="appearance-plain">
      <wa-icon family="brands" name="threads" label="Threads" role="img" aria-label="Threads" library="default"></wa-icon>
    </a>
  </div>

</div>
