Signup 4 - Bordered signup card with social login

Pro

A centered signup form with a logo and heading above a bordered card containing labeled fields, a create account button, social provider buttons, and a login link.

Vue
Shadcn Signup 4 block

Component Data

  • ID:signup4
  • Access:pro
  • Created:Oct 16, 2024
  • Type:block

Signup 4 block design & features

Signup4 is a full-screen centered registration form built with shadcn/ui. A logo and heading sit above a bordered card that contains labeled email and password fields, a full-width create account button, and three outlined social buttons using provider icons for Google, GitHub, and Facebook. A login link appears below the card.

The card uses a default background fill with a visible hairline border and generous inner padding. Inputs sit on the same fill as the card. Social buttons stack full width with image icons. The heading is larger than the form labels and sits outside the card.

A familiar email-plus-social signup layout with the heading separated from the form surface. Low complexity and close to a shadcn-default style. You need a logo and the usual copy for fields, social buttons, and the login prompt.