July 18, 2025

The Clerk team has been hard at work shipping new features to help you build secure applications faster. Here’s a rundown of the highlights:

Clerk Joins the Vercel Marketplace

Clerk is now available in the new “Authentication” category on the Vercel Marketplace, making it even easier to integrate authentication into your projects. With one-click setup, seamless API key syncing, and unified billing, developers can streamline their workflows without leaving the Vercel dashboard.

One-click setup — Create Clerk accounts and applications without leaving the Vercel dashboard.
Sync API keys — Automatically sync Clerk API keys to your project’s environment variables, even for multiple deploy environments.
Unified billing — Manage Clerk billing through your existing Vercel account.

How it works

In the Vercel dashboard, select Integrations and then Browse Marketplace. You can find Clerk in the new Authentication category:

You’ll be asked to agree to the terms to install the integration, then you can specify a domain name associated with your project and select the pricing tier and add-ons you’re interested in.

Name the Authentication Product Name (which is how it will appear in the Clerk dashboard) and click Create to finish connecting Vercel to Clerk.

Finally, you’d connect the integration to one or more projects, and the integration will automatically manage the keys assigned to each deployment in those projects!

Get started

Install the Clerk integration to use it in your next project, or visit our changelog for more details.

Component theming enhancements

Clerk's appearance system now supports CSS variables, making it easier to integrate with your existing design system and implement dynamic theming without relying on JavaScript configuration changes. This update gives you full control over styling with modern CSS, responsive to user preferences and system themes.

Design system integration — Reference your design tokens directly in the appearance.variables object.
Dynamic theming — Automatically adapt themes using media queries or data attributes without swapping Clerk themes.
Modern browser support — Built on color-mix() and relative color syntax for Chrome 119+, Safari 16.4+, and Firefox 128+.

In addition to passing CSS variables into the <ClerkProvider> component, you can now set color values using the new --clerk- variables which will be automatically applied to Clerk UI components.

Explore our documentation to discover the full range of variables we support.

Other features, fixes, and improvements

Resources

Interested in diving deeper into how to experience Clerk in your project? Check out these hand-picked educational resources: