Skip to content

auth0/auth0-ui-components

Auth0 Universal Components

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

npm version license downloads

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

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

License

Copyright 2026 Okta, Inc. Licensed under Apache License 2.0.


Auth0 Logo

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

About

No description, website, or topics provided.

Resources

License

Contributing

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors