Login Forms – 22 Free HTML Login Form Templates
Login Forms is a pack of 22 sign-in screens, each a single self-contained HTML file with the CSS inline. Ten are skins of the email-and-password form; the other twelve are the rest of the auth flow — one-time code, two-factor, passkey, identifier-first, SSO, phone, lock screen, password reset and error states — which is the part you normally end up building by hand.
At a glance
- 22 designs, one folder each, single
index.htmlper design - No framework, no build step, no external fonts or libraries
- A real
<label>on every field and the correctautocompletevalues, so password managers behave - Errors wired with
aria-invalidandaria-describedby; motion respectsprefers-reduced-motion - Every design checked at 380px for horizontal overflow
What is in the pack
Ten email-and-password screens — split screen, minimal card with floating labels, glassmorphism, social-first, animated gradient border, magic link, neobrutalist, SaaS with social proof, login-and-register tabs, and a terminal theme. Twelve flow screens added in August: one-time code, two-factor, passkey, identifier-first, enterprise SSO, phone number, session lock, password reset, error states, full-bleed background, modal over the app, and a theme-aware login.
How to use
Open the design you want, copy the form markup and its rules out of the <style> block, and paste both into your project. Each design is self-contained — nothing depends on the other 21. Point the form at your own endpoint and the screen is done.
FAQ
Are these login forms free?
Yes — free for personal and commercial projects, including client work.
Do they authenticate anyone?
No. These are the screens only. Authentication happens on your server or through a provider such as Auth0, Clerk, Supabase or your framework’s own auth package.
