Clerk/blocks/nextjs-custom-flows-multistep-onboarding

Multistep Onboarding Flow · Clerk

A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.

npx shadcn@latest add @clerk/nextjs-custom-flows-multistep-onboarding

Loading the source for nextjs-custom-flows-multistep-onboarding…

nextjs-custom-flows-multistep-onboarding

Registry Items

nextjs-custom-flows-multistep-onboarding

Configuration

Name

nextjs-custom-flows-multistep-onboarding

Type

Block

Description

A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.

Files · 5

Dependencies

npm packages

@clerk/nextjs

@clerk/ui

@tanstack/react-form

motion

react-use-measure

input-otp

lucide-react

class-variance-authority

Registry items

button

checkbox

field

input

input-otp

label

radio-group