> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-ips-6621-xaa-idp-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Auth0 Documentation

export const Footer = () => {
  const footerData = {
    socials: {
      "x-twitter": "https://x.com/auth0",
      github: "https://github.com/auth0",
      linkedin: "https://www.linkedin.com/company/auth0"
    },
    links: [{
      header: "Developers",
      items: [{
        label: "Developer Hub",
        href: "https://developer.auth0.com"
      }, {
        label: "Code Samples & Guides",
        href: "https://developer.auth0.com/resources"
      }, {
        label: "Zero Index Newsletter",
        href: "https://auth0.com/blog/newsletter"
      }, {
        label: "Blog",
        href: "https://auth0.com/blog"
      }, {
        label: "Changelog",
        href: "https://auth0.com/changelog"
      }]
    }, {
      header: "Docs",
      items: [{
        label: "Documentation",
        href: "https://auth0.com/docs"
      }, {
        label: "Quickstarts",
        href: "https://auth0.com/docs/quickstarts"
      }, {
        label: "APIs",
        href: "https://auth0.com/docs/api"
      }, {
        label: "SDK Libraries",
        href: "https://auth0.com/docs/libraries"
      }, {
        label: "Learn",
        href: "https://auth0.com/learn"
      }, {
        label: "Intro to IAM (CIAM)",
        href: "https://auth0.com/intro-to-iam"
      }, {
        label: "Reports",
        href: "https://auth0.com/resources/whitepapers"
      }, {
        label: "Webinars",
        href: "https://auth0.com/resources/webinars"
      }]
    }, {
      header: "Support Center",
      items: [{
        label: "Community",
        href: "https://community.auth0.com"
      }, {
        label: "Help",
        href: "https://support.auth0.com"
      }, {
        label: "FAQs",
        href: "https://auth0.com/docs/troubleshoot"
      }, {
        label: "Auth0",
        href: "https://auth0.com"
      }]
    }, {
      header: "Company",
      items: [{
        label: "Our Customers",
        href: "https://auth0.com/customers"
      }, {
        label: "Compliance",
        href: "https://auth0.com/security"
      }, {
        label: "Partners",
        href: "https://auth0.com/partners"
      }, {
        label: "Careers",
        href: "https://www.okta.com/company/careers"
      }, {
        label: "Okta + Auth0",
        href: "https://www.okta.com/okta-and-auth0"
      }, {
        label: "About us",
        href: "https://auth0.com/about"
      }, {
        label: "Status",
        href: "https://status.auth0.com/"
      }, {
        label: "Legal",
        href: "https://www.okta.com/legal/"
      }, {
        label: "Privacy",
        href: "https://www.okta.com/legal/privacy-policy/"
      }, {
        label: "Terms",
        href: "https://www.okta.com/legal/terms-of-service/"
      }, {
        label: "Your Privacy Choices",
        href: "https://auth0.com/your-privacy-choices"
      }]
    }]
  };
  return <footer id="footer" className="flex flex-col items-center mx-auto border-t border-gray-100 dark:border-gray-800/50 w-full">
      <div className="flex w-full flex-col gap-12 justify-between px-8 py-16 md:py-20 lg:py-28 max-w-[984px] z-0">
        <div className="flex flex-col md:flex-row gap-8 justify-between min-h-[76px]">
          {}
          <div className="flex md:flex-col justify-between items-center md:items-start min-w-16 md:min-w-20 lg:min-w-48 md:gap-y-24">
            <a href="/">
              <span className="sr-only">Auth0 Docs home page</span>
              <img className="nav-logo w-auto relative object-contain block dark:hidden max-w-48 h-[26px]" alt="Auth0 Docs" src="/docs/images/logo/light.svg" />
              <img className="nav-logo w-auto relative object-contain hidden dark:block max-w-48 h-[26px]" alt="Auth0 Docs" src="/docs/images/logo/dark.svg" />
            </a>
            <div className="gap-4 min-w-[140px] max-w-[492px] flex-wrap h-fit flex justify-end md:justify-start">
              <a href={footerData.socials["x-twitter"]} target="_blank" className="h-fit">
                <span className="sr-only">x-twitter</span>
                <Icon icon="x-twitter" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
              <a href={footerData.socials.github} target="_blank" className="h-fit">
                <span className="sr-only">github</span>
                <Icon icon="github" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
              <a href={footerData.socials.linkedin} target="_blank" className="h-fit">
                <span className="sr-only">linkedin</span>
                <Icon icon="linkedin" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
            </div>
          </div>

          {}
          <div className="flex flex-col sm:grid max-md:!grid-cols-2 gap-8 flex-1" style={{
    gridTemplateColumns: "repeat(4, minmax(0px, 1fr))"
  }}>
            {footerData.links.map((section, index) => <div key={index} className="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center">
                <div className="flex gap-4 flex-col">
                  <p className="text-sm font-semibold text-gray-950 dark:text-white mb-1">{section.header}</p>
                  {section.items.map((item, itemIndex) => <a key={itemIndex} className="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href={item.href} target="_blank" rel="noreferrer">
                      {item.label}
                    </a>)}
                </div>
              </div>)}
          </div>
        </div>
      </div>
    </footer>;
};

<div class="mint-gap-5 mint-flex mint-justify-center mint-p-6 bg-[radial-gradient(1200px_600px_at_50%_-10%,rgba(180,160,255,.45)_0%,rgba(255,235,240,.35)_40%,rgba(255,245,235,.6)_100%)]">
  <div class="w-[min(860px,90vw)] mint-text-center mint-px-0 mint-py-2 md:mint-px-6 md:mint-py-12">
    <h1 class="mint-mb-5 font-inter mint-font-semibold mint-text-5xl mint-text-center mint-text-gray-900 dark:mint-text-white">
      Auth0 Docs
    </h1>

    <span data-as="p" class="mint-mt-4 mint-mb-10 font-inter mint-font-normal text-body-l leading-body-l tracking-body-l mint-text-center mint-text-gray-600 mint-max-w-2xl mint-mx-auto dark:mint-text-white">
      Browse the latest sample code, articles, tutorials,
      <br /> and API reference.
    </span>

    <div class="mint-flex mint-justify-center mint-mt-5">
      <img alt="Auth0 Docs Banner" class="rounded mint-block mint-w-full mint-h-auto sm:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/banner-mobile.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=4dbdaff99699ce41da5247f8da108409" width="255" height="80" data-path="docs/images/home/banner-mobile.svg" />

      <img alt="Auth0 Docs Banner" class="rounded mint-hidden mint-w-full mint-h-auto sm:mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/banner.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=a242c689d34b131f776ec487d12e3171" width="962" height="162" data-path="docs/images/home/banner.svg" />

      <img alt="Auth0 Docs Banner (dark)" class="rounded mint-hidden mint-w-full mint-h-auto sm:dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/banner-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=b16a509d73454d3b4946af1c8425fa68" width="962" height="162" data-path="docs/images/home/banner-dark.svg" />
    </div>
  </div>
</div>

<div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-3 mint-gap-6 mint-max-w-[962px] mint-mx-auto mint-py-6 mint-px-8 lg:mint-px-0">
  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/get-started">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-9df8cb489c0e" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Documentation" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon1.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=1aa6b499ffbed0d298aaca0d2c65ee40" width="36" height="36" data-path="docs/images/home/icon1.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-888878639148" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Documentation" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon1-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=2da6669620526a67b6b690f5eebf017c" width="36" height="36" data-path="docs/images/home/icon1-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: Documentation" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          Documentation
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>

  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/api">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-50485eb82118" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="API References" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon2.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=8ac840ff712335dabc4bb03e3bf3c393" width="37" height="36" data-path="docs/images/home/icon2.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-9e8b8388ba78" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="API References" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon2-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=8f455abbebbd6f24706b2f39b3ca3475" width="37" height="36" data-path="docs/images/home/icon2-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: API References" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          API References
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>

  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/libraries">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-46c824f18a9d" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="SDKs" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon3.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=2d6a3a84593ff5d9c23a65ba9e1dea3b" width="37" height="36" data-path="docs/images/home/icon3.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-2938d4e80768" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="SDKs" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/icon3-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=d0b8cea37bfdae2e7d63b406ecdaa7ec" width="37" height="36" data-path="docs/images/home/icon3-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: SDKs" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          SDKs
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>
</div>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6">
    Get started with authentication
  </h2>

  <div class="mint-grid mint-grid-cols-2 md:mint-grid-cols-4 mint-gap-6">
    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/spa/react">
      <img alt="React" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/PTYaLT3PV8cstkPr/docs/images/icons/light/react.svg?fit=max&auto=format&n=PTYaLT3PV8cstkPr&q=85&s=740326bb8fa8b54d2340be9349fb0a9a" width="33" height="30" data-path="docs/images/icons/light/react.svg" />

      <img alt="React" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/react.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=a712564be2f5c4b1f42369095597bbc1" width="33" height="30" data-path="docs/images/icons/dark/react.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        React
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/spa/angular">
      <img alt="Angular" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/light/angular.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=a093c5ea8b4271eac1e0ec29adc1af9c" width="30" height="34" data-path="docs/images/icons/light/angular.svg" />

      <img alt="Angular" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/angular.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=94f5d60c77d01acab071d3e7d980ba59" width="30" height="34" data-path="docs/images/icons/dark/angular.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Angular
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/webapp/nextjs">
      <img alt="Next.js" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/PTYaLT3PV8cstkPr/docs/images/icons/light/nextjs.svg?fit=max&auto=format&n=PTYaLT3PV8cstkPr&q=85&s=b88c52bfd71a2c2a8e40969298e8938e" width="38" height="36" data-path="docs/images/icons/light/nextjs.svg" />

      <img alt="Next.js" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/nextjs.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=e6b20aff99fd7b8458d71e157cae6641" width="38" height="36" data-path="docs/images/icons/dark/nextjs.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Next.js
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/native/ios-swift">
      <img alt="iOS" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/light/apple.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=ba4d73bc4f3651ede42ebdf927c216cf" width="32" height="32" data-path="docs/images/icons/light/apple.svg" />

      <img alt="iOS" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/apple.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=6c1ce603987bb7b8b15691b748bdbec6" width="32" height="32" data-path="docs/images/icons/dark/apple.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        iOS
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/native/android">
      <img alt="Android" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/light/android.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=ec619802830909af7580f379cf01d3f5" width="33" height="32" data-path="docs/images/icons/light/android.svg" />

      <img alt="Android" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/android.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=ba6cabeb2f1cdf371186190d2751f9ec" width="33" height="32" data-path="docs/images/icons/dark/android.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Android
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/java-spring-security5">
      <img alt="Java" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/PTYaLT3PV8cstkPr/docs/images/icons/light/java.svg?fit=max&auto=format&n=PTYaLT3PV8cstkPr&q=85&s=e144377f314e0fdd660d9c703ec314af" width="33" height="32" data-path="docs/images/icons/light/java.svg" />

      <img alt="Java" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/java.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=95fae2e94e0cc4aa274cd076c915378d" width="33" height="32" data-path="docs/images/icons/dark/java.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Java
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/aspnet-core-webapi">
      <img alt=".NET" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/PTYaLT3PV8cstkPr/docs/images/icons/light/dotnet.svg?fit=max&auto=format&n=PTYaLT3PV8cstkPr&q=85&s=6da37e3f9bac94ff875819b6f4ab02f9" width="30" height="30" data-path="docs/images/icons/light/dotnet.svg" />

      <img alt=".NET" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/dotnet.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=96aaad94ffa8d8d324a75272bc2ba092" width="30" height="30" data-path="docs/images/icons/dark/dotnet.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        .NET
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/python">
      <img alt="Python" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/PTYaLT3PV8cstkPr/docs/images/icons/light/python.svg?fit=max&auto=format&n=PTYaLT3PV8cstkPr&q=85&s=bd4d71fc6ca19ba1133030ff68a141f2" width="33" height="32" data-path="docs/images/icons/light/python.svg" />

      <img alt="Python" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/icons/dark/python.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=13fa6a5a39f0b5c7b949289439875481" width="33" height="32" data-path="docs/images/icons/dark/python.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Python
      </span>
    </a>
  </div>
</section>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6 mint-text-left">
    Browse by product
  </h2>

  <div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-3 mint-gap-6">
    <a href="https://auth0.com/platform/authentication" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Authentication
      </span>
    </a>

    <a href="https://auth0.com/fine-grained-authorization" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Fine-Grained Authorization
      </span>
    </a>

    <a href="https://auth0.com/ai" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Auth0 for AI Agents
      </span>
    </a>
  </div>
</section>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 pb-30 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6 mint-text-left">
    Resources & Support
  </h2>

  <div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-2 lg:mint-grid-cols-4 mint-gap-6">
    <a href="https://auth0.com/learn#concepts" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-ea24f6a94e98" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Basic concepts" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card1.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=c3ee0bfe320ddb8c1343363f71d2f33d" width="48" height="48" data-path="docs/images/home/basics-card1.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-13631a982a08" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Basic concepts" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card1-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=b4ba7aaaf4644b582a372a47eeab1d9d" width="48" height="48" data-path="docs/images/home/basics-card1-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Basic concepts" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Basic concepts
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Comprehensive course designed on the fundamental principles of
          identity.
        </span>
      </div>
    </a>

    <a href="https://developer.auth0.com/resources/guides?_gl=1*hg464v*_gcl_aw*R0NMLjE3NTg1NTU5NTQuQ2owS0NRanc1OFBHQmhDa0FSSXNBRGJEaWx6TGFiRWtJUWNCR0Iybi1WcjA2Z2lZX0FoTjdpaFoxTjRValdTMGZJX2sxVjNNV3FOOUowY2FBdmg2RUFMd193Y0I.*_gcl_au*MjYwOTY4MDAwLjE3NTUwODIyNDM.*_ga*NTU0NzcwODMwLjE3NTUwODIyNDM.*_ga_QKMSDV5369*czE3NjAzNjgxMDYkbzEwMCRnMSR0MTc2MDM2ODEyNCRqNDIkbDAkaDA." target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-635198ffc4ea" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Cookbooks" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card2.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=e2c6892b99a62811c9dc9564598df54f" width="48" height="48" data-path="docs/images/home/basics-card2.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-f56499686463" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Cookbooks" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card2-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=f295a38b7f005c0b960368fd25ead866" width="48" height="48" data-path="docs/images/home/basics-card2-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Cookbooks" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Cookbooks
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Open-source collection of examples & guides.
        </span>
      </div>
    </a>

    <a href="https://community.auth0.com/?_gl=1*1mc779c*_gcl_aw*R0NMLjE3NTg1NTU5NTQuQ2owS0NRanc1OFBHQmhDa0FSSXNBRGJEaWx6TGFiRWtJUWNCR0Iybi1WcjA2Z2lZX0FoTjdpaFoxTjRValdTMGZJX2sxVjNNV3FOOUowY2FBdmg2RUFMd193Y0I.*_gcl_au*MjYwOTY4MDAwLjE3NTUwODIyNDM.*_ga*NTU0NzcwODMwLjE3NTUwODIyNDM.*_ga_QKMSDV5369*czE3NjAzNjgxMDYkbzEwMCRnMSR0MTc2MDM2ODk2OSRqNTkkbDAkaDA." target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-df683bc86ca4" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Community" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card3.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=4cf1540c202fd962649d74d2856cdf40" width="48" height="48" data-path="docs/images/home/basics-card3.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-a32875c4bdb3" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Community" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card3-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=48f7ac3026d539f73eb6a3eaac728094" width="48" height="48" data-path="docs/images/home/basics-card3-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Community" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Community
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Join the community for questions, suggestions and product feedback.
        </span>
      </div>
    </a>

    <a href="https://support.auth0.com/" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-93a803b736ff" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Support" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card4.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=55eb36ffbe4e630510fbecf399ec0f9e" width="48" height="48" data-path="docs/images/home/basics-card4.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-3aa953a825d6" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Support" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintcdn.com/docs-staging-ips-6621-xaa-idp-revamp/mQmAcjcoe2s_W9_y/docs/images/home/basics-card4-dark.svg?fit=max&auto=format&n=mQmAcjcoe2s_W9_y&q=85&s=89d7d513be3f18db74ee64c5d239dfe1" width="48" height="48" data-path="docs/images/home/basics-card4-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Support" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Support
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Get support for your Auth0 implementation.
        </span>
      </div>
    </a>
  </div>
</section>

<Footer />