> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firstcommit.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Tools, Design Resources, and Hosting for Your Project

> Find free design tools, hosting platforms, and sponsor resources to build, deploy, and present your first hackathon project.

Great projects don't need expensive tools. This page rounds up free resources to design your app, host it online, and take advantage of your DevSwarm sponsor perk. Whether you need a polished UI or a live demo link, these tools will get you there.

<CardGroup cols={2}>
  <Card title="Design Resources" icon="pen-nib">
    <p>Make your project look professional without hiring a designer.</p>

    <ul>
      <li><a href="https://www.figma.com/">Figma</a> — free design and prototyping tool for web and mobile interfaces</li>
      <li><a href="https://fonts.google.com/">Google Fonts</a> — hundreds of free, open-source fonts for web projects</li>
      <li><a href="https://fontawesome.com/">Font Awesome</a> — free icon library to add visual polish to any UI</li>
    </ul>
  </Card>

  <Card title="Hosting & Deployment" icon="cloud-upload">
    <p>Get your project online so judges and visitors can try it out.</p>

    <ul>
      <li><a href="https://pages.github.com/">GitHub Pages</a> — free static site hosting directly from a GitHub repo</li>
      <li><a href="https://vercel.com/">Vercel</a> — zero-config hosting for React, Next.js, and other frontend frameworks</li>
      <li><a href="https://www.netlify.com/">Netlify</a> — deploy sites with continuous deployment from GitHub in minutes</li>
    </ul>
  </Card>
</CardGroup>

<Card title="Sponsor Tool: DevSwarm" icon="gift">
  <p>All participants in Beginner's Paradise get <strong>1 month free</strong> of DevSwarm Pro (a sponsor tool).</p> <p><strong>How to claim:</strong> Join the <a href="https://discord.firstcommit.xyz/">FirstCommit Discord</a> and check the <strong>#sponsor-info</strong> channel for instructions on redeeming your free month.</p>
</Card>

<Tip>
  Deploying your project publicly makes judging easier and looks great in your portfolio. A live link beats a screenshot every time.
</Tip>