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

Set new password

Use this screen after verification to complete reset_password_email_code.

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.

Back to sign in

Need another code? Restart reset.

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.