Skip to content

A collection of stylish login forms (Gradient and Neon) built with pure HTML and CSS.

Notifications You must be signed in to change notification settings

ayoubabbadi/html-css-login-forms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

HTML & CSS Login Form Collection

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.


1. Gradient Login Form

  • 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-shadow for a "floating" effect.
  • Font Awesome Icons: Icons are integrated into the input fields (user and key).
  • Social Login: Includes buttons for Apple, Google, and Microsoft.

2. Neon Login Form

  • 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-shadow to 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.

How to Use

  1. Clone the repository.
  2. Open either login-one.html or login-tow.html in your web browser to see the design live.
  3. 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.

About

A collection of stylish login forms (Gradient and Neon) built with pure HTML and CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages