MyloUI
Back to blocks
signup
Block

Multi-Step Signup

3-step wizard with progress bar

Installation

npx shadcn add @mylo-ui/signup-multi-step

Preview

Create account

Step 1 of 3

Let's start with your name

Already have an account? Sign in

Usage

import { SignupMultiStep } from "@/components/blocks/signup-multi-step"

export default function Page() {
  return <SignupMultiStep />
}

Dependencies

lucide-react

shadcn/ui Components

button
input
card

Related Blocks

More signup blocks you might like

View all signup blocks
Simple Signup
signup

Simple Signup

Basic email/password form with name, email, password fields

Ready to use
/blocks/signup-simple
Signup with Social
signup

Signup with Social

Signup with Google, GitHub, Twitter social login options

Ready to use
/blocks/signup-with-social
Signup Card
signup

Signup Card

Centered card layout with gradient background

Ready to use
/blocks/signup-card