edbnedbn/uiBeta
  • Blocks
  • Templates
  • Pricing
Sign inSign in
Explorer
/
  • A–Z
  • Get started
    • Overview
  • Application
    • Authentication
  1. Templates
  2. Authentication
  3. Sign-in card on a tide chart

More in Authentication

All 10 templates
  • Split sign-in with logo wall
  • Dark sign-in with a saved account
  • Sign-in card beside an offer
  • Free trial start with app preview
  • Google sign-in with a habit week
  • Phone sign-in beside a QR pane

Sign-in card on a tide chart

A sign-in page on deep sea-teal: a white card on the right offers a passkey or single sign-on, then email and password, beside a panel with today's tide curve and the day's high and low waters.

ProAuthenticationshadcn Base UI

Dependencies

Packages2

  • lucide-react^1.33.0
  • @fontsource-variable/inter-tight^5.3.0

Registry items7

  • edbn-base
  • button
  • checkbox
  • field
  • input
  • input-group
  • text-link

Installation