Login Page V08
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A cheerful sign-in for a made-up plant-care app, with a hand-drawn SVG plant pot on a peach panel beside the form. The pot's face shuts its eyes while you type a hidden password and opens them when you show it. A yellow speech-bubble warning appears under the password when Caps Lock is on.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 375 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Inline SVG illustration that reacts to the password field
- Caps Lock warning via getModifierState, linked with aria-describedby and announced once
- Pill inputs with 54 px height and bold focus rings
- Email-or-username field with autocomplete username
- Show/hide password toggle with aria-pressed
- Friendly error copy shown after interaction
Similar Templates
