Component Reference

Clerk offers a comprehensive suite of components designed to seamlessly integrate authentication and multi-tenancy into your application. With Clerk components, you can easily customize the appearance of authentication components and pages, manage the entire authentication flow to suit your specific needs, and even build robust SaaS applications.

• Clerk's prebuilt UI components give you a beautiful, fully-functional user management experience in minutes.
• Clerk's control components render at <Loading /> and <Loaded /> states for assertions on the Clerk object. Control components allow you to build custom user flows with Clerk.

Authentication Components

UI Components

• <SignIn />
• <SignUp />
• <SignInButton />
• <SignUpButton />
• <SignOutButton />

Control Components

• <RedirectToSignIn />
• <RedirectToSignUp />
• <SignedIn />
• <SignedOut />

User Components

UI Components

• <UserButton />
• <UserProfile />

Control Components

• <RedirectToUserProfile />

Organization Components

UI Components

• <CreateOrganization />
• <OrganizationProfile />
• <OrganizationSwitcher />
• <OrganizationList />

Control Components

• <RedirectToOrganizationProfile />
• <RedirectToCreateOrganization />

Utility Components

• <ClerkLoaded />
• <ClerkLoading />

Advanced Components

• <AuthenticateWithRedirectCallback />
• <MultisessionAppSupport />
• <SignInWithMetamaskButton />

Customization Guides

• Theme components with the appearance prop
• Localize components with the localization prop (experimental)
• Add pages to the <UserProfile /> component
• Add pages to the <OrganizationProfile /> component