Live previewHTML Login & Sign-up Pages30 login and sign-up designs in plain HTML & CSS, free
30 login and sign-up designs in plain HTML and CSS, each one a single file: split screen login, magic link, onboarding steps, phone number login, family profile picker, staff pin kiosk, session lock screen, team invite acceptance and more. Responsive, accessible and free for personal and commercial use.
- 30 screens: login, sign-up, magic link, 2FA, password reset, onboarding and phone login
- Working validation, show-password, strength meter, code inputs and step flows
- Labelled fields, correct autocomplete attributes and keyboard support throughout
- Designs
- 30
- Built with
- HTML & CSS
- Licence
- Free, commercial use
- Updated
- Oct 2026
- Free for client projects
- Plain HTML & CSS, no frameworks
- Responsive down to 390px
- Copy, paste and rebrand in minutes
What's inside: 30 designs
See all 30What's inside
All login & sign-up templates 30 designs in this pack
Click any design to open its live preview, then check it at desktop, tablet and phone sizes.
Live preview
Live previewCentred card
Live previewSign up with password strength
Live previewMagic link
Live previewTwo factor code
Live previewForgot password
Live previewOnboarding steps
Live previewDark tabbed login
Live previewFull bleed background login
Live previewPhone number login
Live previewBank login with memorable word
Live previewIdentifier first sso login
Live previewFamily profile picker
Live previewQr code login
Live previewPicture password for kids
Live previewStaff pin kiosk
Live previewSign up with plan choice
Live previewTwo step method chooser
Live previewSession lock screen
Live previewPatient portal registration
Live previewConversational sign up
Live previewTeam invite acceptance
Live previewChoose an account
Live previewAge gated game sign up
Live previewNew password with checklist
Live previewGuest wi fi portal
Live previewTv device activation
Live previewVisitor sign in kiosk
Live previewChange sign in email
Live previewToo many attempts lockout
How to use
From download to live in three steps
- Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
- Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
Reviews
Customer reviews
Only people who bought or downloaded it can leave a review, from their account page.
Reply from the maker
FAQ
Common questions
Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
Do these screens handle real authentication?
No. They are front-end designs with client-side validation. Connect the forms to your auth provider or backend.
Will password managers fill these forms?
Yes. Fields use the standard autocomplete values (email, current-password, new-password, one-time-code) that browsers and password managers look for.
Do these screens log people in?
No. They are front-end templates with demo validation. Connect the forms to your own authentication provider or backend.
Is the picture password secure enough?
It suits young children on a school portal alongside teacher controls. For adults, use passwords, passkeys or two-step sign-in.
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Get HTML Login & Sign-up Pages
30 designs, free for personal and commercial projects.
More products
