Clerk Elements Auth

Clerk-style auth starter with sign-in, sign-up, and reset flows.

How to use

  • Use the left sidebar to pick a flow or switch templates.
  • Use Preview and Code in the block toolbar to test and copy quickly.
  • Run the install command to add every file, dependency and component this template needs to your app.

Clerk-style auth starter with sign-in, sign-up, and reset flows

Open in v0

Create account

Already have an account? Sign in.

Copy/paste template setup

Install Clerk packages first:

pnpm add @clerk/nextjs @clerk/elements

Then wire ClerkProvider and server/client Clerk handlers in your app.

Or

Need to recover access? Reset password

By creating an account, you agree to our Terms and Privacy Policy.

Features

  • Clerk-themed auth flows using shadcn/ui patterns.
  • Includes sign in, sign up, forgot password, and reset password flows.
  • Wire the handlers to Clerk once @clerk/nextjs is installed.