> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-docs-event-stream-action-templates.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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/banner-mobile.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=801589dc9fcdcbb469881ae7e365c389" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/banner.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=f56cb10cbd41e27cc1d9a14426f3aa93" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/banner-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=f3e6b2768ed25bfd46f181f6586d2158" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon1.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=06a98ff3d680b947dc888ac52155027e" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon1-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=a5345a5ff6916a850d9c1d064e3692b0" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon2.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=8670427745cb42ba61e52290588867ed" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon2-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=0c27bbb162cef28bf4f8b38216f320b4" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon3.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=08376ddefee075439e83fe5a466eca38" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/icon3-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=dae7055c74e9bdad6ccfbd0947072138" 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-docs-event-stream-action-templates/RyX5DmtmPSJ7j--8/docs/images/icons/light/react.svg?fit=max&auto=format&n=RyX5DmtmPSJ7j--8&q=85&s=cc9d7dcef9d775e252c04335f17b48ce" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/react.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=3af2c28d49ce72f11ed9ef15f227810e" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/light/angular.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=031450bc2c0c79b1ca702878af586857" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/angular.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=e129cf2e7dfcdcc7f5d054e07d03dd13" 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-docs-event-stream-action-templates/RyX5DmtmPSJ7j--8/docs/images/icons/light/nextjs.svg?fit=max&auto=format&n=RyX5DmtmPSJ7j--8&q=85&s=62ae69652d521140545311f7472e991a" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/nextjs.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=db99eebafa02dd5d5d87d00868bebfd3" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/light/apple.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=00ac4a350d7e0868ee6fa4fa5dc5bf84" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/apple.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=6b892b215083076d7f50436a33472386" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/light/android.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=fc97b0a670930ee8519cd15eddba7603" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/android.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=eecfe21aedcdde06bcd5f5aa08410ce2" 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-docs-event-stream-action-templates/RyX5DmtmPSJ7j--8/docs/images/icons/light/java.svg?fit=max&auto=format&n=RyX5DmtmPSJ7j--8&q=85&s=38bd556bf9943f95a28c7e783de57dc0" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/java.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=3d6d0ccedfad5a558df22d6f4ffd8169" 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-docs-event-stream-action-templates/RyX5DmtmPSJ7j--8/docs/images/icons/light/dotnet.svg?fit=max&auto=format&n=RyX5DmtmPSJ7j--8&q=85&s=30b14c2b7b2fd43f478e1fc1ab6d5fe7" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/dotnet.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=7721a25e07bc0983dd18eb26cb1e0a7e" 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-docs-event-stream-action-templates/RyX5DmtmPSJ7j--8/docs/images/icons/light/python.svg?fit=max&auto=format&n=RyX5DmtmPSJ7j--8&q=85&s=1bdb9e9dcde880d872657f421de66ef4" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/icons/dark/python.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=9176e50517ad47277884811af51a3f97" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card1.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=39137ae09817f84476db11e2200ef14a" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card1-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=414207a71c386da6ee23c9dd4326ce96" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card2.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=0cb7ac5a663e40890e945d98810427ce" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card2-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=89c0acbbf28518a8c3d36eb02779f990" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card3.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=c28223e99a4847fe9935ba7f26e1a5d7" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card3-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=a004b34171d3047872b7081887ae2797" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card4.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=9c974daae83ce46f5265803d42050469" 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-docs-event-stream-action-templates/yNICntbq2ER-NUmh/docs/images/home/basics-card4-dark.svg?fit=max&auto=format&n=yNICntbq2ER-NUmh&q=85&s=6294e8edbf4a24370704f8ab33b1a38f" 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 />