Login-2

hex-ui/login-2

FreeBlock

A login form with social sign-in options below the credentials

Live preview

live · rendered by the registry

Rendered by hex-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://hexui.sh/r/login-2.json

Source

registry/blocks/login/login-2/source/app/login/page.tsxhexui.sh/r/login-2.json

1import { LoginForm } from "../../components/login-form"
2 
3export default function Page() {
4  return (
5    <div className="flex min-h-svh w-full min-w-0 flex-col items-center justify-center gap-6 overflow-x-hidden bg-background p-4 md:p-10">
6      <LoginForm />
7    </div>
8  )
9}

What it pulls in

npm packages

@icons-pack/react-simple-icons
lucide-react

Other registry items

button
field
input

Files it writes

registry/blocks/login/login-2/source/app/login/page.tsx
registry/blocks/login/login-2/source/components/login-form.tsx

More from hex-ui

All 34 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Banner-1banner-1	hex-ui	Blocks	Free	1 dep · 2 files
Banner-2banner-2	hex-ui	Blocks	Free	1 dep · 2 files
Cta-1cta-1	hex-ui	Blocks	Free	1 dep · 2 files
Cta-2cta-2	hex-ui	Blocks	Free	1 dep · 2 files
Cta-3cta-3	hex-ui	Blocks	Free	1 dep · 2 files
Cta-4cta-4	hex-ui	Blocks	Free	1 dep · 2 files
Faq-1faq-1	hex-ui	Blocks	Free	no deps · 3 files
Faq-2faq-2	hex-ui	Blocks	Free	no deps · 3 files