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

Welcome to Acme Inc.

Clerk Elements style sign in. Create an account.

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.

Forgot password?
Or

Don't have an account? Sign up

By continuing, 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.