Login Page V02
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A small, monochrome sign-in card for a made-up notes app, centred on a dotted background. It offers a passkey button first, then email and password, and a link that switches the form into magic-link mode. In link mode the password field is removed and the button emails a one-time sign-in link instead.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 189 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Passkey button with a simulated device prompt
- One-click switch between password and email-link modes
- Password field disabled and skipped by validation in link mode
- autocomplete username webauthn and current-password
- Show/hide password toggle with aria-pressed
- Different success states for password, passkey and link sign-in
Similar Templates
