Live preview from the library's source
Install
From shadcn/ui
npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-04.jsonFrom this collection
npx shadcn@latest add https://allcomps.vercel.app/r/ui-shadcn--signup-04.jsonCode
import { SignupForm } from "@/registry/new-york-v4/blocks/signup-04/components/signup-form"
export default function SignupPage() {
return (
<div className="flex min-h-svh flex-col items-center justify-center bg-muted p-6 md:p-10">
<div className="w-full max-w-sm md:max-w-4xl">
<SignupForm />
</div>
</div>
)
}
Other auth screens
The same kind of component from the other libraries in the collection.