Dev Design Library

Centered login

A passkey-first login card on a quiet ring backdrop that morphs through email and code.

Centered login preview
Library
Arc Library
Framework
React
Type
block
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add https://uiarc.dev/r/login-centered.json
Files
  • registry/blocks/login-centered/login-centered.tsx
  • registry/blocks/login-centered/login-centered.module.css
  • registry/components/otp-input/otp-input.tsx
  • registry/components/otp-input/otp-input.module.css
  • registry/components/input/input.tsx
  • registry/components/input/input.module.css
  • registry/components/button/button.tsx
  • registry/components/button/button.module.css
Source
https://github.com/kuratlielia/arc-library

Categories

More from Arc Library