Pricing

Sign In Card

Glass sign-in card with OAuth buttons, magic link form and loading state.

3,720

Bookmarks

8,800

Installs

91,500

Views

9 lines
import { SignInCard } from "@/components/ui/sign-in-card"

export default function DemoSignInCard() {
  return (
    <div className="flex min-h-[520px] items-center justify-center bg-[radial-gradient(120%_100%_at_50%_0%,#1e1b4b_0%,#020617_55%)] p-8">
      <SignInCard />

3 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
lucide-react
License
MIT License
Published
1/30/2026

Similar components

That's all 6 components

Explore more

Part of Cobalt — browse the full library on Nuxus.