🔐 Glassmorphism Login Form A modern, responsive login form designed with HTML and CSS, featuring glassmorphism styling and icon support via Boxicons. This project can be used as a template or starting point for user authentication UI in personal or commercial web projects.
🌟 Features Glassmorphism design (blurred translucent background)
Responsive layout centered in viewport
Stylish input fields with icons
Remember Me checkbox
Forgot Password and Register links
Smooth hover and focus interactions
📸 Preview (You can include a screenshot or GIF here of the login form in the browser.)
🚀 Technologies Used HTML5
CSS3 (Flexbox, transitions, pseudo-elements)
Boxicons for user/password icons
Google Fonts: Poppins (via CSS import or browser default)
📁 Project Structure bash Copy code project/ │ ├── index.html # Main login form markup ├── styles.css # Styling with glassmorphism effects └── 214384.gif # Background image (optional, if present locally) ⚙️ Usage Clone or download the repo.
Make sure the background image (214384.gif) is in the root directory or adjust the background CSS if using a URL.
Open index.html in any browser.
You can link the form to a backend endpoint using the action attribute in the
tag.🛠️ Customization Tips Replace the background GIF with your own in the CSS body rule.
Add form validation or JavaScript for interactivity.
Hook up the form to real authentication logic with a backend.
🧠 Known Issues The tag has an empty action=""; for full functionality, connect it to a server or authentication script.
✅ To Do Add input validation (JavaScript)
Connect to backend (e.g., Firebase, Node.js)
📷 Screenshots:
