Login Pages

Login pages for React and Next.js where signing in is the object: a key cut by your password, a postmarked magic link, a key rack and a time clock.

01
Animated Login Page Where the Password Cuts a Key
A React login page where each character of the password cuts a notch in a brass key, so a typo shows without revealing the password. Signing in slides the key into a lock that turns open or jams.
02
Magic Link Login Page With OTP Code as Postage Stamps
A passwordless React login page told as a letter: the email is typed onto an envelope, sending it lands a dated postmark, and the six-digit code is entered into a strip of six postage stamps.
03
Account Switcher Login Page as a Key Rack
A choose-an-account React login page drawn as a key rack: every remembered account hangs as a key with a tagged face and workspace, swings when pointed at, and lifts off the rack to sign in.
04
PIN Login Screen for an Employee Time Clock
A PIN login page for shift and workforce apps, drawn as the time clock by the door: pick your name, key in a PIN, and your time card drops into the clock and is stamped with the real time.