Login 03
draco-china-github/login-03FreeBlock
A login page with a muted background color.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/draco-china/shadcn-pro/main/apps/docs/public/r/styles/radix-sera/login-03.jsonSource
1"use client"23import { LoginForm } from "@/registry/radix-sera/blocks/login-03/components/login-form"4import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"56export default function LoginPage() {7 return (8 <div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">9 <div className="flex w-full max-w-sm flex-col gap-6">10 <a href="#" className="flex items-center gap-2 self-center font-medium">11 <div className="flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground">12 <IconPlaceholder13 lucide="GalleryVerticalEndIcon"14 tabler="IconLayoutRows"15 hugeicons="LayoutBottomIcon"16 phosphor="RowsIcon"17 remixicon="RiGalleryLine"18 className="size-4"19 />20 </div>21 Acme Inc.22 </a>23 <LoginForm />24 </div>25 </div>26 )27}
What it pulls in
Other registry items
Files it writes
More from shadcn/ui
All 201 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Dashboard 01dashboard-01 | shadcn/ui | Blocks | Free | 6 deps · 11 files | |
| Login 01login-01 | shadcn/ui | Blocks | Free | no deps · 2 files | |
| Login 02login-02 | shadcn/ui | Blocks | Free | no deps · 2 files | |
| Login 04login-04 | shadcn/ui | Blocks | Free | no deps · 2 files | |
| Login 05login-05 | shadcn/ui | Blocks | Free | no deps · 2 files | |
| Previewpreview | shadcn/ui | Blocks | Free | no deps | |
| Preview 02preview-02 | shadcn/ui | Blocks | Free | 1 dep | |
| Sidebar 01sidebar-01 | shadcn/ui | Blocks | Free | no deps · 4 files |
