Terminal Sign In

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/auth/auth29.tsx instead.

Usage

The file also exports auth29Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Auth29, auth29Demo } from "@/components/blocks/auth/auth29";

export default function Page() {
  return <Auth29 {...auth29Demo} />;
}

Props

Behavior notes

• The dark, monospace terminal window (bg-neutral-950, font-mono, traffic-light dots) is a deliberate one-off stylistic exception scoped to this block only; it does not use the site's semantic color tokens the way every other block does.
• This is a static/server component: the email field and "Send link" action are rendered for visual completeness but are not wired to real form submission or navigation, since sign-in is a backend action.
• No client-side state is used; the component renders the same markup on every request.