MyloUI
Back to blocks
signup
Block

Signup Card

Centered card layout with gradient background

Installation

npx shadcn add @mylo-ui/signup-card

Preview

Create your account

Start your 14-day free trial today

No credit card required
Or sign up with email

Must be at least 8 characters with numbers and symbols

Already have an account? Sign in to your account

Usage

import { SignupCard } from "@/components/blocks/signup-card"

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

Dependencies

lucide-react

shadcn/ui Components

button
input
card
checkbox

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
Multi-Step Signup
signup

Multi-Step Signup

3-step wizard with progress bar

Ready to use
/blocks/signup-multi-step