Component Reference

Clerk provides a suite of components that that let you quickly add authenticaton to your app, customize the look and feel of your auth components and pages, and control what the user sees and customize the auth flow.

• 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