Learn to customize the look and feel of Clerk's components to match your application.
When your users are going through the authentication process, you need to make sure they have a seamless experience. Clerk allows you to customize the look and feel of your components to match the rest of your application using our
appearance prop can be applied to <ClerkProvider/> to share styles across every component, or individually to <SignUp/>, <SignIn/>, <UserProfile/>, and <UserButton/>.
- Start by choosing the
baseThemethat most closely matches your brand
- Modify the placement of elements like social sign-in buttons with
- Set global styles like the primary color with
- Apply custom CSS to individual HTML elements with
The Clerk appearance prop documentation can be found below: