This week we rolled out major changes to how Clerk's Javascript bundle is split and downloaded.  Chances are you didn't notice anything, but your production application should be seeing ~10 points higher performance on 

Use Clerk and React to building a Chrome extension.  We've launched  

 on GitHub to help kick off your next extension project.

With Clerk, your application can now serve as an Open ID Connect (OIDC) provider. Please reach out through 

OIDC is a subset of OAuth2. In the future, Clerk will also enable your application to serve as a OAuth2 provider, including supporting grant flows with custom scopes.

Cross-Origin Embedder Policy Support for Profile Images

Clerk profile images are now served with the 

 header to enable embeds in applications with cross-origin embedder policies.

Changelog March 31, 2023

How to Authenticate API Requests with Clerk & Express

Welcome to How We Roll! This series is meant to help product owners, developers, and security professionals understand exactly how we implement (or, roll) authentication at Clerk.

When you build your brand, you spend hours making sure every color, font, and logo is exactly how you envisioned. When you integrate with a 3rd party product like Clerk, you want to make sure that your brand shines. Clerk empowers developers by offering:

In this chapter we are going to be talking about how to customize our drop-in components and why we wanted to treat it as a first class experience. Grab a drink and enjoy a deep dive into our 

When Clerk introduced customization, we wanted something that wasn’t an afterthought where only minimal items could be changed, like buttons or primary colors. We wanted developers to go as deep as required, and the appearance property allowed this by letting developers:

Have access to entire themes, like dark mode, and the ability to create a custom theme

Inherit from key branding like fonts, and element sizing

Integrate with their current CSS method of choice

 allows a developer to create a theme for your brand, and can be reused across multiple projects. We provide a package called 

 that allows you to use prebuilt versions that were crafted by Clerk, like our dark theme or shades of purple:

The default layouts for Clerk’s sign in and sign up components show the social buttons at the top, with other forms of authentication, like email, below. In similar fashion, when a user signs up for your application, by default, we show the optional fields. For some applications this makes sense, for others, not so much. 

 property can be used. Developers can move social providers, change the default look of the social buttons, hide optional fields, show links to help, privacy policy, and terms and conditions pages, and much more:

Not every application needs its own theme; it is possible to extend the Clerk 

 to fit with an application. Examples include globally setting some of the attributes, such as every 

 element having a green background and the text inside being yellow, or setting all text colors to the company’s brand color.

 level, allowing developers to speed up the customization of our components:

Applications are built of components, and individual components may need to be styled in a specific way. For example the Clerk 

 might be too small for your sidebar or navigation bar, or the 

 property directly to individual Clerk components:

We’ve talked a lot about the parts that make Clerk customization a first class experience, but the powerful parts are variables and elements. Whether you are globally styling or styling individual components, variables and elements are essential.

 property is used to adjust the general styles of the base theme, like colors, backgrounds, typography:

 property is used for fine-grained theme overrides, and is useful when styling specific HTML elements. You can find the element to target by inspecting the HTML and looking for the class name.

Clerk allows for extensive customization when integrating with third-party products, ensuring brand elements are upheld. Developers can customize individual components, control the layout, modify the global appearance, create custom themes, and adjust the style of base themes through the 

 properties, ensuring the brand's unique design and user experience are reflected in every interaction. 

For an in-depth look at how to leverage the full power of customization with Clerk, check out the Component Customization 

Company

Company

Changelog March 31, 2023

Improved Web Vitals

Official Chrome Extension Support

OIDC Provider (beta)

Cross-Origin Embedder Policy Support for Profile Images

Start Now,
No Strings Attached

Pricing built for

businesses of all sizes.

Newsletter!

Company

Company

Changelog March 31, 2023

Official Chrome Extension Support

OIDC Provider (beta)

Cross-Origin Embedder Policy Support for Profile Images

Start Now,No Strings Attached

Pricing built for

businesses of all sizes.

Newsletter!

Start Now,
No Strings Attached