This repository is a collection of modern, stylish, and self-contained login form components built with pure HTML and CSS. Each file is a different design that you can view, learn from, and adapt for your own projects.
- File:
login-one.html - Theme: Light / Professional
A clean and modern login card with a smooth gradient background. This design is perfect for professional websites, SaaS applications, or corporate portals.
Features:
- Gradient Background: A subtle purple-to-blue gradient on the main page.
- Clean Card UI: A white card with soft
box-shadowfor a "floating" effect. - Font Awesome Icons: Icons are integrated into the input fields (
userandkey). - Social Login: Includes buttons for Apple, Google, and Microsoft.
- File:
login-tow.html - Theme: Dark / Futuristic
A stylish, dark-mode login form with a "neon glow" effect. This design is great for gaming sites, tech portfolios, or any futuristic-themed project.
Features:
- Dark Mode: A sleek, dark-gray theme (
#1a1a1a/#252525). - Neon Glow: Uses
box-shadowto create a vibrant neon blue (#0ff) glow around the card and buttons. - Icon-Integrated Inputs: Icons for email and password are placed inside the input boxes.
- Social Login: Includes icon-only buttons for Google, Facebook, and GitHub.
- Clone the repository.
- Open either
login-one.htmlorlogin-tow.htmlin your web browser to see the design live. - Open the file in a code editor to see all the HTML and CSS. All styles are contained within the
<style>tag in the file.