> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-docs-5540.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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/banner-mobile.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=8381f30d7cd7dbec66f6f9b6cf44a5b5" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/banner.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=ed7ec6552b5c62f9cebf10697ddc5198" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/banner-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=0f167d2105ce64457d58d8d3a47e6879" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon1.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=aaf3127f9cdfa54fb2a0768cf6bb7cb7" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon1-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=fb6559582209880bf00f29b070ca0ecf" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon2.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=d6f83e47deda397f24c6807d08a0e08a" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon2-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=47375234df6ce5f31e118a699af2f5db" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon3.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=0330f7476d0ffba9a99c8c0bb99aaedf" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/icon3-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=c33296da67bd101c90c76abaf2e34690" 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-dev-feat-docs-5540/o_yxn0WhkZmtsk8z/docs/images/icons/light/react.svg?fit=max&auto=format&n=o_yxn0WhkZmtsk8z&q=85&s=bc4a0b8e5b7fc8f494e1bd42219b1db4" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/react.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=e3ef0560e19ca854cbf16557778cfa38" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/light/angular.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=71c3ab98ff1398aa17f60d16bcc2a551" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/angular.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=7bf29506fded09268178a5792bb3ed64" 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-dev-feat-docs-5540/o_yxn0WhkZmtsk8z/docs/images/icons/light/nextjs.svg?fit=max&auto=format&n=o_yxn0WhkZmtsk8z&q=85&s=bfdddd29ab3bc8c1b66d04321426d4b1" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/nextjs.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=385e57aab9efae6b974fa3758b6d879f" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/light/apple.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=5743eab35daab371615a79f47563d8bb" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/apple.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=6cec1fd5bf221eb9ebd7652f5a0bdb01" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/light/android.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=88ee1c3f3f841db7c857d942473a0e40" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/android.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=7b7f63e35e063cc001b44d0b3ecb1cd2" 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-dev-feat-docs-5540/o_yxn0WhkZmtsk8z/docs/images/icons/light/java.svg?fit=max&auto=format&n=o_yxn0WhkZmtsk8z&q=85&s=fcdfd7ab49d1fe9eac3f6435164ba180" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/java.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=88d39b51b8ed633c8b6b0b7d7e525f2e" 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-dev-feat-docs-5540/o_yxn0WhkZmtsk8z/docs/images/icons/light/dotnet.svg?fit=max&auto=format&n=o_yxn0WhkZmtsk8z&q=85&s=13316106636b4a1704215c33477bf613" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/dotnet.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=953881d489f04caeeb2d0effb7565553" 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-dev-feat-docs-5540/o_yxn0WhkZmtsk8z/docs/images/icons/light/python.svg?fit=max&auto=format&n=o_yxn0WhkZmtsk8z&q=85&s=cbe01949daa973525ee876cc9a42a567" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/icons/dark/python.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=ebfc26b62d3a7819a3d6f45e12850d35" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card1.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=71473a8e4bafaf0c726b8c7b580fc952" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card1-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=e531f6fa5edd3310fb90499a1e420923" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card2.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=b7003095460d7b230de24916183bbf17" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card2-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=fd942c25a3a3c156df3a7ece87a61cf9" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card3.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=115f17945ac8ea1dd5ec07453d93e7fd" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card3-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=d681786f7bb2bb56a9e667bcc0645d60" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card4.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=5fdf91d738cbfc4250fec024173490c8" 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-dev-feat-docs-5540/5Bd_mBVOTT-v9ing/docs/images/home/basics-card4-dark.svg?fit=max&auto=format&n=5Bd_mBVOTT-v9ing&q=85&s=2ea19c30cec7584c7491de61a36f1800" 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 />