Auth0 Universal Components

Drop-in React components for Auth0 organization management, SSO configuration, and MFA enrollment.

Important

Early Access: This feature is currently in Early Access. To learn more, see Product Release Stages.

📚 Documentation - 🚀 Quick Start - 💬 Feedback

SSO Provider Configuration
_{SSO Provider Create Component}

Quick Start

npm install @auth0/universal-components-react @auth0/auth0-react react-hook-form

1. Wrap Your App with Providers

import { Auth0Provider } from '@auth0/auth0-react';
import { Auth0ComponentProvider } from '@auth0/universal-components-react/spa';
import '@auth0/universal-components-react/styles';

function App() {
  return (
    <Auth0Provider
      domain="your-tenant.auth0.com"
      clientId="your-client-id"
      authorizationParams={{ redirect_uri: window.location.origin }}
      interactiveErrorHandler="popup" // Required to handle step-up auth challenges via Universal Login popup
    >
      <Auth0ComponentProvider themeSettings={{ theme: 'default', mode: 'light' }}>
        {/* Your app */}
      </Auth0ComponentProvider>
    </Auth0Provider>
  );
}

2. Use a Component

import { SsoProviderCreate } from '@auth0/universal-components-react/spa';

function SettingsPage() {
  return <SsoProviderCreate />;
}

Read the full documentation →

Documentation

Universal Components Overview - available components, installation, and configuration
Styling Guide - theming, CSS variables, and dark mode
Build a Delegated Admin - end-to-end setup guide
TypeDoc Reference - TypeDoc-generated source documentation
Examples - sample applications for React SPA, React shadcn, and Next.js
Auth0 Docs - explore our docs site and learn more about Auth0

Packages

Package	Description
@auth0/universal-components-react	React components with `/spa` and `/rwa` entry points
@auth0/universal-components-core	Framework-agnostic core utilities, services, and i18n

Feedback

Raise an issue - Report bugs or request features
Contributing Guide - Local development setup
Vulnerability Reporting - Security issues

License

Auth0 Logo

Auth0 is an easy to implement, adaptable authentication and authorization platform. To learn more checkout Why Auth0?