Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block9 dependencies

Centered Sign-In Card

auth-1

Sign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.
2 variants

Variants of this

Other takes on Centered Sign-In Card from @7ovr — the same idea in another design, language or styling.

Sign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons.

Open
@7ovr

More from @7ovr