Bootstrap 6 Auth Pages — 8 Free Login & Sign-up Templates
A pack of eight Bootstrap 6 authentication screens covering the whole account journey — sign in, register, forgot password, reset, two-factor verification, passwordless magic link, SSO and a lock screen. Each is a standalone page you can lift the markup straight out of.
Two of these were genuinely awkward in Bootstrap 5. Two-factor verification uses v6’s new OTP input, with per-character boxes, paste handling and one-time-code autofill; registration and password reset use the new Strength meter, which fills as the password improves. Neither needed a third-party plugin.
Key features
- Eight authentication screens, each on its own page with prev/next navigation
- Classic sign in with adorned email input and remember-me
- Registration using Bootstrap 6’s new password Strength meter
- Forgot password and set-new-password, the two halves of a reset flow
- Two-factor verification built on the new OTP input, with one-time-code autofill
- Passwordless magic-link sign in with an inline sent state
- SSO screen with provider buttons and a searchable workspace Combobox
- Idle lock screen that keeps the identity and asks only for the password
- Native :user-invalid validation throughout via data-bs-validate
- Full dark mode via data-bs-theme, remembered across visits
- ESM-only vanilla JavaScript — no jQuery, no bundler, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
