---
updatedAt: 2026-07-02T23:56:06.000Z
agentTools:
  projectIndex: https://docs.wristband.dev/llms.txt
---

# Welcome to Wristband

Let's help you get started with Wristband. You'll be up and running in a snap!

<HTMLBlock>{`
<div class="button-container">

  <a href="https://docs.wristband.dev/docs/why-wristband" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">📘</span>
            <h3 style="margin: 4px 0 8px;">Why Wristband</h3>
            <p>Explore the benefits of Wristband’s multi-tenant authentication platform.</p>
        </div>
    </a>
  
  <a href="https://docs.wristband.dev/docs/auth-quick-start" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🚀</span>
            <h3 style="margin: 4px 0 8px;">Quickstart Guides</h3>
            <p>Follow our step-by-step walkthrough to integrate Wristband auth into your application.</p>
        </div>
    </a>
  
    <a href="https://docs.wristband.dev/docs/working-with-ai" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🤖</span>
            <h3 style="margin: 4px 0 8px;">Developing with AI</h3>
            <p>Give your AI coding assistant direct access to Wristband's docs and APIs.</p>
        </div>
    </a>
  
      <a href="https://docs.wristband.dev/docs/setting-up-a-demo-app" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">💻</span>
            <h3 style="margin: 4px 0 8px;">Set Up A Demo App</h3>
            <p>Set up one of Wristband's prebuilt demo apps to understand how to work with Wristband.</p>
        </div>
    </a>  

      <a href="https://docs.wristband.dev/docs/multi-tenancy-entity-model" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🏢</span>
            <h3 style="margin: 4px 0 8px;">Understand Multi-tenancy</h3>
            <p>Learn about Wristband's multi-tenant architecture including tenant isolation, subdomains, and custom domains.</p>
        </div>
    </a>
  
      <a href="https://docs.wristband.dev/docs/enterprise-identity-providers" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🔗</span>
            <h3 style="margin: 4px 0 8px;">Single Sign-On (SSO)</h3>
            <p>Set up SSO identity providers like Google, Microsoft, and Okta with Wristband using step-by-step integration guides.</p>
        </div>
    </a>
  
      <a href="https://docs.wristband.dev/docs/customizing-wristband-for-your-brand" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🎨</span>
            <h3 style="margin: 4px 0 8px;">Customize Your Brand</h3>
            <p>Tailor Wristband to your brand with custom login pages, emails, and domains for a seamless experience.</p>
        </div>
    </a>
  
    <a href="https://docs.wristband.dev/docs/authorization" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🛡️</span>
            <h3 style="margin: 4px 0 8px;">Role-based Access Control (RBAC)</h3>
            <p>Manage roles and permissions across tenants to ensure secure, granular access throughout your application.</p>
        </div>
    </a>
  
      <a href="https://docs.wristband.dev/docs/auth-sdks-github" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">👨‍💻</span>
            <h3 style="margin: 4px 0 8px;">Developer SDKs</h3>
            <p>Get started with our Developer SDKs to simplify your auth integration with Wristband.</p>
        </div>
    </a>
  
    <a href="https://docs.wristband.dev/docs/live-hosted-demo" class="button" style="text-decoration: none;">
        <div class="button-content">
            <span class="emoji">🎉</span>
            <h3 style="margin: 4px 0 8px;">Live Hosted Demo</h3>
            <p>Check out "Perk Party", a live-hosted demo powered by Wristband.</p>
        </div>
    </a>
    
</div>

<style>
    .button-container {
        display: grid;
        gap: 16px;
    }

    .button-container {
        grid-template-columns: 1fr;
    }
  
    .button-container a,
    .button-container a:visited {
        text-decoration: none;
        color: inherit;
    }

    @media (min-width: 1200px) {
        .button-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }

  .button {
        position: relative;
        text-decoration: none;
        border: 1px solid #b0b0b0;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .button:hover {
        border: 1px solid #ee60c6;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.35), 0px 4px 8px rgba(238, 96, 198, 0.3);
        cursor: pointer !important;
        filter: brightness(90%) !important;
    }

    .button-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 8px 8px 16px;
        height: 100%;
        width: 100%;
    }

    .emoji {
        font-size: 1.4em;
    }
  
    .corner-banner {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #27ae60;
        color: white;
        font-size: 0.75rem;
        font-weight: bold;
        padding: 3px 8px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
        pointer-events: none;
        z-index: 2;
        white-space: nowrap;
        transform: translate(0, 0);
    }

    h3 {
        font-size: 1.2em;
        margin: 4px 0;
        font-weight: bold;
    }

    p {
        font-size: 0.9em;
    }
</style>
`}</HTMLBlock>

<HTMLBlock>{`
<style>
.UpdatedAt {
  display: none;
}
</style>
`}</HTMLBlock>

<br />